body {color:#333;} a{color:#333}a:active,a:hover {color:#398AF1}
#obtn{float: left; width: 100%;}
.container1,
.container2{margin: 0 auto; padding: 0 15px;}
@media (min-width: 768px) {
    .container{width:768px;}
    .container1{width:768px;}
    .container2{width:768px;}
}
@media (min-width: 992px) {
    .container{width:992px; padding: 0;}
    .container1{width:992px; padding: 0;}
    .container2{width:992px; padding: 0;}
}
@media (min-width:1200px) {
    .container{width:1200px;}
    .container1{width:1200px;}
    .container2{width:1200px;}
}
@media (min-width:1300px) {
    .container{width:100%; padding: 0 80px;}
    .container1{width:100%; padding: 0 80px;}
}
@media (min-width:1500px) {
    .container1{width:1400px; padding: 0;}
}

._top{float: left; width: 100%; position: fixed; top:0; left: 0; z-index: 9;font-size:0; background: #fff; display: block; text-align: center;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
._top .logo{ margin:17px 0; line-height: 0; float: left;}
._top .logo a{float: left; line-height: 0;}
._top .logo img{ width: auto; height:36px;}
._top .logo span{float: left; margin-left: 41px; line-height: 36px; color:#000; font-size: 16px; position: relative}
._top .logo span:after{position: absolute; content:''; left: -20px; width: 1px; height: 20px; top:50%; margin-top: -10px; background: #ccc;}
._top .telBox{float: right;  margin: 17px 0 19px 0; height: 34px;}
._top .telBox a{float: left; margin-left: 14px; padding: 0 18px; border:1px solid #398AF1; color:#398AF1; line-height: 32px; font-size: 14px;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
._top .telBox a:first-child{background: #398AF1; color:#fff;}
._top .telBox a:first-child:hover{background: #2D81EB;border-color:#2D81EB; color:#fff;}
._top .telBox a:first-child:active{background:#2175DF;border-color:#2175DF; color:#fff;}
._top .telBox a:hover{border-color:#2D81EB; color:#2D81EB;}
._top .telBox a:active{border-color:#2175DF; color:#2175DF;}

._top .menu{ display: inline-block;}
._top .menu .nli{ float: left; padding: 0 18px; position: relative;}
._top .menu .nli span a{ display: block; line-height:36px; font-size: 16px; padding: 17px 0; color: #333333; position: relative}
._top .menu .nli.on span a,
._top .menu .nli:hover span a{ color:#398AF1;}

._top .menu .nli .sub{ display: none; position: absolute;padding:7px 0; top:70px; left: 10px; background:#fff; z-index: 4;
    overflow: hidden;
}
._top .menu .nli .sub ul.sub_ul{display: -webkit-flex;  display: flex; white-space:nowrap;}

/*._top .menu .nli.active .sub{
    display: -webkit-flex!important; 
    display: flex!important;
}*/
._top .menu .nli .sub .lFirst{display: inline-block;}
._top .menu .nli .sub .lFirst .la2{float: left; width: 100%; padding: 0 30px 0 25px; text-align: left; font-size: 14px; color:#666666; line-height: 35px; position: relative;white-space:nowrap;}
._top .menu .nli .sub .lFirst .la2:after{position: absolute; content: ''; width: 2px; left: 0; height: 18px; top:50%; margin-top: -9px; background: #438FF1;opacity: 0;}
._top .menu .nli .sub .lFirst .la2.on,
._top .menu .nli .sub .lFirst .la2:hover{color:#438FF1; }
._top .menu .nli .sub .lFirst .la2.on:after,
._top .menu .nli .sub .lFirst .la2:hover:after{opacity: 1;}
._top .menu .nli .sub .rSecond{display: inline-block; position: relative}
._top .menu .nli .sub .rSecond:after{position: absolute; content: ''; width: 1px;height: 100%; left: 0;top:0; background: #ddd;}
._top .menu .nli .sub .rSecond .ulR{float: left;width:100%; position: absolute; left: 0; top:0; opacity: 0; z-index: 1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._top .menu .nli .sub .rSecond .ulR.active{position: relative; opacity: 1; z-index: 2;}
._top .menu .nli .sub .rSecond .ulR .l3{float:left; width:100%; padding:0 30px;}
._top .menu .nli .sub .rSecond .ulR .l3 .la3{float: left; color:#666666; font-size:14px; line-height: 35px;white-space:nowrap;}
._top .menu .nli .sub .rSecond .ulR .l3 .la3:hover{color:#438FF1;}

 .menuph{ display: none;}
 .xialaph{ display: none;}
@media screen and (max-width:1700px) {

}
@media (max-width:1599px) {
    ._top .logo span{margin-left: 25px; font-size: 14px;}
    ._top .logo span:after{ left: -12px;}
    ._top .menu .nli{padding: 0 10px;}
    ._top .telBox a{padding: 0 10px;font-size: 13px;}
}

@media screen and (max-width:1199px) {
    ._top .logo span{font-size:12px;}
    ._top .menu{margin-right: 0;}
    ._top .menu .nli{padding: 0 7px;}
    ._top .menu .nli span a{font-size: 14px;}
    ._top .telBox a{font-size: 12px; padding: 0 8px; margin-left: 8px;}
    ._top .menu .nli .sub .lFirst .la2{font-size: 12px; line-height: 26px;padding: 0 20px 0 15px;}
    ._top .menu .nli .sub .rSecond{}
    ._top .menu .nli .sub .rSecond .ul3 .l3{padding:0 20px;}
    ._top .menu .nli .sub .rSecond .ul3 .l3 .la3{font-size: 12px;line-height: 26px;}

}
@media screen and (max-width:991px) {
    ._top{ width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;}
    ._top .logo{ margin:10px 0;}
    ._top .telBox{margin:10px 15px 10px 0;}

    ._top .menu{ display: none;}
     .menuph{ display: block;}
     .xialaph{ display: block;}
     .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 17px 0;}
     .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
     .menuph .point:hover .navbtn,
     .menuph .point:hover .navbtn::after,
     .menuph .point:hover .navbtn::before { width: 28px;}
     .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background:#398AF1;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
     .menuph .navbtn::after,
     .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #398AF1;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;}
     .menuph .navbtn::after { top: -11px;}
     .menuph .navbtn::before { top: 10px;}
     .menuph .point.active .navbtn{ background: transparent;}
     .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
     .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
     .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 56px 0 100px 0; display: none; z-index:3; background:#fff;}
     .xialaph .ul2,
     .xialaph .ul3{ display: none;}
     .xialaph h4{padding: 0 15px;}
     .xialaph h5{padding: 0 10px;}
     .xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:15px; line-height: 50px;}
     .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
     .xialaph h4{ float: left; width: 100%; position: relative;}
     .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
     .xialaph h4.active a,
     .xialaph h4:hover a,
     .xialaph h5.active a,
     .xialaph h5:hover a{ color: #398AF1;}
     .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;}
     .xialaph h5 a{ float: left; width: 85%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;}
     .xialaph h5{ float: left; width: 100%; position: relative;}
     .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}
     .xialaph li:last-child h5::after{ display: none;}
     .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 22px; cursor: pointer;}
     .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 15px; margin-right:0; cursor: pointer;}
     .xialaph h4.active img.img_s,
     .xialaph h5.active img.img_s{ display: none;}
     .xialaph h4.active img.img_d,
     .xialaph h5.active img.img_d{ display: block;}
     .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
     .xialaph .ul3{float: left; width: 100%; padding: 10px; position: relative;}
     .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#e7e7e7;}
     .xialaph li:last-child .ul3::after{ display: none;}
     .xialaph .ul3 li a{ color: #333; font-size: 12px; line-height: 24px; display: block;}
     .xialaph .ul3 li{ padding-top: 5px;}
     .xialaph .ul3 li:first-child{ padding-top: 0;}
     .xialaph .phsou{ position: relative; margin-top: 34px;}
     .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
     .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;}
     .img_d,
     .disno{ display: none;}
}

@media screen and (max-width:767px) {
    ._top .logo span{margin-left: 15px;}
    ._top .logo span:after{left: -7px;}
    ._top .telBox{width: 100%; margin:0 0 10px 0; height: 27px;}
    ._top .telBox a{width: 48%; padding: 0; text-align: center; margin-left: 2%; line-height: 25px;}
    ._top .telBox a:first-child{margin-left: 0; width: 50%;}
    .xialaph{padding: 93px 0 100px 0;}
    .xialaph h4 a{font-size: 14px; line-height: 45px;}
    .xialaph h5 a{font-size: 13px; line-height: 35px;}
}

/*底部*/
.footerBox{float: left; width: 100%; background: #424242; padding: 110px 0 100px 0; position: relative;}
.footerBox .downCon{float: left; width: 44%;}
.footerBox .downCon .dTit{float: left; width: 100%; }
.footerBox .downCon .dTit .h2{float: left; width: 100%; color:#fff; font-size: 36px; line-height: 50px; font-weight: bold; letter-spacing: 2px;}
.footerBox .downCon .dTit .en{float: left; width: 100%; color:#eee; font-size: 24px; line-height: 30px; letter-spacing: 2px; margin-top: 5px;}
.footerBox .downCon .name{float: left; width: 100%; color:#eee; font-size: 24px; line-height: 30px; margin-top: 50px;}
.footerBox .downCon .address{float: left; width: 100%; color:#eee; font-size: 18px; line-height: 30px; margin-top: 15px;}
.footerBox .downCon .salesBox{float: left;width: 100%; margin-top:55px;}
.footerBox .downCon .salesBox .tel{float: left; width: 40%; margin-top: 20px;}
.footerBox .downCon .salesBox .title{float: left; width:100%; font-size: 18px; color:#eee; line-height: 30px;}
.footerBox .downCon .salesBox .phone{float: left; width: 100%; color:#fff; font-size: 30px; font-weight: bold; line-height: 50px; margin-top: 10px;}
.footerBox .downCon .salesBox .time{float:left; width: 100%; color:#eee; font-size: 18px; line-height: 30px;}

.footerBox .downCon .salesBox .WeChat{float:right; width: 18%; text-align: center;}
.footerBox .downCon .salesBox .WeChat .ewm{float: left; width: 100%;line-height: 0;}
.footerBox .downCon .salesBox .WeChat .ewm img{width: 100%;}
.footerBox .downCon .salesBox .WeChat .dText{float: left; width: 100%; color:#eee; font-size: 18px; line-height: 24px; margin-top: 8px;}

.footerBox .messBox{float: right; width: 30%; margin-right: 10%; margin-top: 28px;}
.footerBox .messBox input{float: left; width: 100%; height: 53px; line-height: 53px; border:0; text-indent: 20px; color:#333; margin-top: 10px; font-size: 16px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.footerBox .messBox textarea{float: left; width: 100%; margin-top: 10px; border:0;font-size: 16px; color:#333; line-height: 24px; padding:15px 20px; height: 144px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.footerBox .messBox button{float: left; width: 100%; border:0; background:#398AF1; margin-top: 30px; height: 50px; color:#fff; font-size: 20px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.footerBox .messBox button:hover{
    background: #2D81EB;
}
.footerCop{float: left; background:#424242; width: 100%; border-top:1px solid #555;}
.footerCop .copyright{float: left; color:#999; font-size: 16px; line-height: 30px; padding: 25px 0;}
.footerCop .copyright a{color:#999;}
.footerCop .Links{float: left; color:#999; font-size: 16px; line-height: 30px; padding: 25px 0; margin-left: 20%; cursor: pointer}

/*手机底部导航*/
#obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#1477FE; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
#obtn .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 4px 0;}
#obtn .pf_down li .ico7{ width:100%; float:left; height:20px;}
#obtn .pf_down li .ico7 img{ width:20px; height:20px;}
#obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.friend_link {
    width:100%;
    height:0;
    background:#fff;
    display: block;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    overflow:hidden;
}
.friend_link.on {
    height:auto;
    opacity: 1;
}
.friend-link-inner{
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition:all .6s;
    transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
}
.friend_link.on .friend-link-inner{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.friend_link .box {
    width:100%;
    height:102px;
    position:relative;
}
.friend_link .friend_link_end {
    width:25px;
    height:25px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:42px;
    cursor:pointer;
}
.friend_link_box {
    display:none;
    padding:35px 0;
    margin:0 auto;
    text-align:center;
}

.friend_link.on .friend_link_box {
    display:block;
}
.friend_link_list {
    text-align:left;
}
.friend_link_list:last-child {
    margin-right:0;
}
.friend_link_list li {display:inline-block;margin-right:25px;}
.friend_link_list li a {
    font-size:14px;
    line-height:25px;
    color:#999;
    display:block;
    transition:all ease .3s;
}
.friend_link_list li:hover a {
    color:#333;
}


/*漂浮*/
#obtn .right_pf{ float:left; position:fixed; right:1%; bottom:140px; width:200px; z-index:101;}
#obtn .right_pf .consult{float: left; width:100%; background: #1477FE; padding: 25px 10px 17px 10px;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
#obtn .right_pf .consult .telephony{float: left; width: 100%; color:#fff; font-size: 22px; line-height: 30px; padding: 0 8px;}
#obtn .right_pf .consult .Hotline{float: left; width: 100%;color:#fff; margin-top: 15px; padding: 0 8px;}
#obtn .right_pf .consult .Hotline span{display: block; font-size: 12px; line-height: 24px;}
#obtn .right_pf .consult .Hotline em{display: block; font-size: 14px; line-height: 24px; margin-top:5px;}
#obtn .right_pf .consult .but{float: left; width: 100%; margin-top:13px; position: relative}
#obtn .right_pf .consult .but a{float: left; width: 100%; text-align: center; color:#398AF1; font-size:14px; height: 34px; line-height: 34px;
    position: relative; z-index: 2;
    background: #F5F5F5;
    background: linear-gradient(bottom, #D9E2EE 0%, #F5F5F5 100%);
    background: -webkit-linear-gradient(bottom, #D9E2EE 0%, #F5F5F5 100%);
    background: -moz-linear-gradient(bottom, #D9E2EE 0%, #F5F5F5 100%);
    background: -o-linear-gradient(bottom, #D9E2EE 0%, #F5F5F5 100%);
    background: -ms-linear-gradient(bottom, #D9E2EE 0%, #F5F5F5 100%);
    border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px;
}
#obtn .right_pf .consult .but a:hover{color:#2D81EB;}
#obtn .right_pf .consult .but .imgB{position: absolute; width: 54px; height: 84px; right: 5px; bottom: 25px; z-index: 1;}
#obtn .right_pf .renter{position: absolute; width: 42px; height: 42px; background: #fff;  display: none; line-height: 0; left: 50%; margin-left: -21px;
    bottom: -60px;
    border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
    box-shadow: 0 5px 10px rgba(57,138,241,0.2);
}

@media (max-width:1599px) {
    .footerBox{padding: 80px 0 70px 0}
    .footerBox .downCon .dTit .h2{font-size: 30px;line-height: 40px;}
    .footerBox .downCon .dTit .en{font-size: 20px;}
    .footerBox .downCon .name{font-size: 20px; margin-top: 35px;}
    .footerBox .downCon .address{font-size: 16px; margin-top: 10px;}
    .footerBox .downCon .salesBox{margin-top: 40px;}
    .footerBox .downCon .salesBox .title{font-size: 16px;}
    .footerBox .downCon .salesBox .phone{font-size: 24px; line-height: 40px;}
    .footerBox .downCon .salesBox .time{font-size: 16px;}
    .footerBox .downCon .salesBox .WeChat{width: 19%;}
    .footerBox .downCon .salesBox .WeChat .dText{font-size: 16px;}
    .footerBox .messBox{margin-right: 13%;}
    .footerBox .messBox input{height: 40px; line-height: 40px; font-size: 14px;}
    .footerBox .messBox textarea{font-size: 14px; padding: 10px 20px}
    .footerBox .messBox button{height: 40px; line-height: 40px; margin-top: 20px;}

    .footerCop .copyright{font-size: 14px; padding: 20px 0;}
    .footerCop .Links{font-size: 14px; padding: 20px 0;}
}
@media (max-width:1199px) {
    .footerBox{padding: 60px 0 55px 0}
    .footerBox .downCon{width: 50%;}
    .footerBox .downCon .dTit .h2{font-size: 28px;}
    .footerBox .downCon .dTit .en{font-size: 18px; margin-top: 0;}
    .footerBox .downCon .name{font-size: 18px;}
    .footerBox .downCon .address{font-size: 14px;}
    .footerBox .downCon .salesBox .title{font-size: 14px;}
    .footerBox .downCon .salesBox .phone{font-size: 20px;}
    .footerBox .downCon .salesBox .time{font-size: 14px;}
    .footerBox .downCon .salesBox .WeChat .dText{font-size: 14px;}

    .footerBox .messBox{margin-top:10px;}
    .footerBox .messBox button{font-size: 16px;}
}
@media (max-width:991px) {
    .footerBox .downCon{width: 60%;}
    .footerBox .downCon .salesBox .tel{margin-top: 10px;}
    .footerBox .downCon .salesBox .phone{line-height: 30px;}
    .footerBox .messBox{margin-right: 0;}
}
@media (max-width:767px) {
    .footerBox{padding: 30px 0;}
    .footerBox .downCon{width: 100%;}
    .footerBox .downCon .dTit .h2{font-size: 20px; line-height: 30px;}
    .footerBox .downCon .dTit .en{font-size: 14px;line-height: 24px;}
    .footerBox .downCon .name{font-size: 16px; margin-top: 15px;}
    .footerBox .downCon .address{font-size:13px; margin-top: 5px; line-height: 24px;}
    .footerBox .downCon .salesBox{margin-top: 15px;}
    .footerBox .downCon .salesBox .tel{width: 48%;margin-top: 0;}
    .footerBox .downCon .salesBox .tel:nth-child(2){float: right;}
    .footerBox .downCon .salesBox .phone{font-size: 18px; margin-top: 0;}
    .footerBox .downCon .salesBox .WeChat{float: left; width: 30%; margin-top: 13px;}
    .footerBox .downCon .salesBox .WeChat .dText{margin-top: 3px;}
    .footerBox .messBox{width: 100%;}
    .footerCop {margin-bottom: 50px;}
    .footerCop .copyright{ padding: 10px 0; width: 100%; line-height: 24px; font-size: 13px; text-align: center;}
    .footerCop .Links{width: 100%; text-align: center; margin-left: 0; padding: 0 0 10px 0; line-height: 24px; font-size: 13px; }
    .friend_link_box{padding: 15px 0;}
}

/*banner*/
#obtn .slide_banner{ float:left; width:100%; margin:70px 0 0 0; line-height: 0; position:relative; overflow:hidden; text-align:center;}
#obtn .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;}
#obtn .slide_banner img{ width:100%;}
#obtn .slide_banner .slick-dots{ height:4px; bottom:19px; }
#obtn .slide_banner .slick-dots li{ width:70px; height:4px; margin:0 7px; text-align:center; text-indent:-9999px; overflow:hidden; vertical-align:top; position: relative;background:#f5f5f5; opacity: 0.5;
}
#obtn .slide_banner .slick-dots li.slick-active{opacity: 1;}

@media (max-width:1599px) {
    #obtn .slide_banner .slick-dots li{width: 50px;}
}
@media (max-width:991px) {
    #obtn .slide_banner{margin-top: 56px;}
}
@media (max-width:767px) {
    #obtn .slide_banner{margin-top:93px;}
    #obtn .slide_banner .slick-dots{bottom: 15px;}
    #obtn .slide_banner .slick-dots li{height: 3px;  width: 35px; margin: 0 5px;}
}

._HTit{float:left; width: 100%; text-align: center;}
._HTit .h1{float: left; width: 100%; color:#333; font-size: 40px; line-height: 50px; font-weight: bold;}
._HTit .h5{float: left; width: 100%; color:#999; font-size: 18px; line-height: 20px; margin-top: 10px;}

@media (max-width:1599px) {
    ._HTit .h1{font-size:32px;line-height: 40px;}
    ._HTit .h5{font-size: 14px;}
}
@media (max-width:1199px) {
    ._HTit .h1{font-size:30px;}
    ._HTit .h5{margin-top: 5px;}
}
@media (max-width:991px) {
    ._HTit .h1{font-size:24px; line-height: 32px;}
    ._HTit .h5{margin-top: 0; font-size: 12px;}
}
._HProBox{float: left; width: 100%; margin: 95px 0 120px 0;}
._HProBox .leftPro{float: left; width: 57%; line-height: 0; margin-top: 60px;overflow:hidden; position: relative;}
._HProBox .leftPro img{width: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._HProBox .leftPro .proInfo{position: absolute; left:8%; top:10%; width: 55%;}
._HProBox .leftPro .proInfo .tit{float: left; width: 100%; color:#333333; font-size: 30px; line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._HProBox .leftPro .proInfo .text{float: left; width: 100%; color:#333333; font-size: 20px; line-height: 24px; margin-top: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
._HProBox .leftPro .proInfo a{float: left; color:#398AF1; line-height: 30px; margin-top: 25px; font-size: 20px; text-decoration:underline;}
._HProBox .leftPro .proInfo a:hover{
    color:#2D81EB;
}

._HProBox .leftPro:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
._HProBox .rightPro{float: right; width: 41.8%; margin-top: 60px;}
._HProBox .rightPro ul{float: left; width: 100%;}
._HProBox .rightPro li{float: left; width: 100%; line-height: 0;position: relative; overflow: hidden;}
._HProBox .rightPro li img{width: 100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._HProBox .rightPro li .proInfo{position: absolute; width: 42%; left: 5.4%; top:50%; margin-top: -80px;}

._HProBox .rightPro li .proInfo .tit{float: left; width: 100%; color:#333333; font-size: 30px; line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._HProBox .rightPro li .proInfo .text{float: left; width: 100%; color:#333333; font-size: 20px; line-height: 24px; margin-top: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._HProBox .rightPro li .proInfo a{float: left; color:#398AF1; line-height: 30px; margin-top: 25px; font-size: 20px; text-decoration:underline;}
._HProBox .rightPro li .proInfo a:hover{
   color:#2D81EB;
}
._HProBox .rightPro li:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
._HProBox .rightPro li:last-child{margin-top:2%;}
._HProBox .rightPro li:last-child .tit{color:#fff}
._HProBox .rightPro li:last-child .text{color:#fff;}

@media (max-width:1599px) {
    ._HProBox{margin: 70px 0 85px 0;}
    ._HProBox .leftPro{margin-top: 45px;}
    ._HProBox .rightPro{margin-top: 45px;}
    ._HProBox .leftPro .proInfo .tit,
    ._HProBox .rightPro li .proInfo .tit{font-size: 24px; line-height: 40px;}
    ._HProBox .leftPro .proInfo .text{font-size: 16px; margin-top: 15px;}
    ._HProBox .leftPro .proInfo a{font-size: 16px; margin-top: 20px;}
    ._HProBox .rightPro li .proInfo{margin-top: -60px;}
    ._HProBox .rightPro li .proInfo .text{font-size: 16px; margin-top: 10px;}
    ._HProBox .rightPro li .proInfo a{font-size: 16px; margin-top: 15px;}
}
@media (max-width:1199px) {
    ._HProBox{margin: 60px 0 75px 0;}
    ._HProBox .leftPro{margin-top: 40px;}
    ._HProBox .rightPro{margin-top: 40px;}
    ._HProBox .leftPro .proInfo .tit,
    ._HProBox .rightPro li .proInfo .tit{font-size: 20px;}
    ._HProBox .leftPro .proInfo .text{font-size: 14px;}
    ._HProBox .leftPro .proInfo a{font-size: 14px;}
    ._HProBox .rightPro li .proInfo .text{font-size: 14px;}
    ._HProBox .rightPro li .proInfo a{font-size: 14px;}
}
@media (max-width:767px) {
    ._HProBox{margin: 30px 0;}
    ._HProBox .leftPro{width: 100%; margin-top: 20px;}
    ._HProBox .rightPro{width: 100%; margin-top: 10px;}
    ._HProBox .rightPro li:last-child{margin-top: 10px;}
    ._HProBox .leftPro .proInfo .tit,
    ._HProBox .rightPro li .proInfo .tit{font-size: 18px; line-height: 30px;}
    ._HProBox .leftPro .proInfo{width: 90%;left: 5%;top: 8%;}
    ._HProBox .leftPro .proInfo .text{font-size: 13px; line-height: 22px; margin-top: 5px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3;
        overflow: hidden;
    }
    ._HProBox .leftPro .proInfo a{font-size: 13px; line-height: 24px; margin-top: 10px; }
    ._HProBox .rightPro li .proInfo{margin-top: -45px;}
    ._HProBox .rightPro li .proInfo .text{font-size: 13px; margin-top: 5px;
        white-space:unset;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        overflow: hidden;
    }
    ._HProBox .rightPro li .proInfo a{font-size: 13px; line-height: 24px; margin-top: 10px;}
}

._HSolution{float: left; width: 100%; padding: 130px 0 138px 0; position: relative;}
._HSolution .backBox1{position: absolute; width: 100%; height: 100%; left: 0; top:0; z-index: 1;}
._HSolution ._HSolBox{float: left; width: 100%; position: relative; z-index: 2;}
._HSolution ._HTit .h1{color:#fff;}
._HSolution ._HTit .h5{color:#bbb;}
._HSolution .icoBox{float: left; width: 100%; margin-top: 175px;}
._HSolution .icoBox li{float: left; width: 25%;text-align: center; position: relative; }
._HSolution .icoBox li:after{position: absolute; content: ''; border-left: 1px solid #fff; opacity: 0.6; left: 0; top:0; height: 100%;}
._HSolution .icoBox li:first-child:after{opacity: 0;}
._HSolution .icoBox li .imgBox{float:left; width: 100%; line-height: 0;}
._HSolution .icoBox li .imgBox img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._HSolution .icoBox li .text{float: left; width: 100%; margin-top:45px; line-height:45px; font-size: 30px;color:#fff;}


._HSolution ._HSolButton{float: left; width: 100%; display: block; text-align: center; margin-top: 170px;}
._HSolution ._HSolButton a{display: inline-block; color:#fff; width: 180px; margin: 0 27px; font-size: 18px;
 text-decoration: underline; line-height: 46px;
}
._HSolution ._HSolButton a:last-child{background: #398AF1; text-decoration:none;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
._HSolution ._HSolButton a:last-child:hover{background: #2D81EB;}
._HSolution ._HSolButton a:first-child:hover{color:#2D81EB;}

@media (max-width:1599px) {
    ._HSolution{padding: 100px 0 108px 0}
    ._HSolution .icoBox{margin-top: 120px;}
    ._HSolution .icoBox li .imgBox img{width: 100px;}
    ._HSolution .icoBox li .text{font-size: 24px; line-height: 40px; margin-top: 40px;}
    ._HSolution ._HSolButton{margin-top: 120px;}
    ._HSolution ._HSolButton a{font-size: 16px;}
}
@media (max-width:1199px) {
    ._HSolution{padding: 80px 0 88px 0}
    ._HSolution .icoBox{margin-top: 90px;}
    ._HSolution .icoBox li .text{font-size: 20px; margin-top: 30px;}
    ._HSolution ._HSolButton{margin-top: 90px;}
    ._HSolution ._HSolButton a{font-size: 15px;}
}
@media (max-width:767px) {
    ._HSolution{padding: 30px 0}
    ._HSolution .icoBox{margin-top:30px;}
    ._HSolution .icoBox li .imgBox img{width: 70%;}
    ._HSolution .icoBox li .text{font-size: 16px; line-height: 30px; margin-top: 20px;}
    ._HSolution ._HSolButton{margin-top: 25px;}
    ._HSolution ._HSolButton a{font-size: 14px; width: 48%; margin: 0; line-height: 30px;}
    ._HSolution ._HSolButton a:last-child{float: right;}
}

._HHot{float: left; width: 100%;position: relative; background: #fff; padding: 100px 0 150px 0;}
._HHot .backBox2{position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;z-index: 1}
._HHot ._HHotVideo{float: left; width: 100%; position: relative; z-index: 2;}
._HHot ._HVideoBox{float: left; width: 100%; margin-top: 100px;}
._HHot ._HVideoBox .li1{float: left; width: 100%;position: relative}
._HHot ._HVideoBox .li1 .lVideo{float: left; width: 49%;}
._HHot ._HVideoBox .li1 .lVideo video{float: left; width: 100%;object-fit:fill;
    border: 3px solid #666666;}
._HHot ._HVideoBox .li1 .rText{position: absolute; width: 39%; height: 85%; right: 5%; top:0;}
._HHot ._HVideoBox .li1 .rText .table{float: left; width: 100%; height: 100%; display: table;}
._HHot ._HVideoBox .li1 .rText .table .tableCell{display: table-cell; vertical-align: middle;}
._HHot ._HVideoBox .li1 .rText .h2{float: left; width: 100%; font-size: 30px; line-height: 40px; color:#333; font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

._HHot ._HVideoBox .li1 .rText .text{float: left; width: 100%; font-size: 20px; line-height: 30px; margin-top: 50px; height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
}
._HHot ._HVideoBox .slick-prev,
._HHot ._HVideoBox .slick-next{width: 7.5%; height: 44px; background: #cccccc; left: auto; top:auto; bottom: 5px; right: 36.5%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._HHot ._HVideoBox .slick-next{right:28%;}
._HHot ._HVideoBox .slick-prev:after,
._HHot ._HVideoBox .slick-next:after{position: absolute; content: ''; width: 10px; height:19px; left:50%; margin-left: -5px; top:50%; margin-top: -10px; background: url("_im_g/prev.png") no-repeat; background-size: 100% 100%;}
._HHot ._HVideoBox .slick-next:after{background: url("_im_g/next.png") no-repeat; background-size: 100% 100%;}
._HHot ._HVideoBox .slick-prev:hover,
._HHot ._HVideoBox .slick-next:hover{background:#2D81EB}

@media (max-width:1599px) {
    ._HHot{ padding: 80px 0 100px 0;}
    ._HHot ._HVideoBox{margin-top: 60px;}
    ._HHot ._HVideoBox .li1 .rText .h2{font-size: 24px;}
    ._HHot ._HVideoBox .li1 .rText .text{font-size: 16px; margin-top: 30px;}
    ._HHot ._HVideoBox .slick-prev, ._HHot ._HVideoBox .slick-next{height:38px;}
}
@media (max-width:1199px) {
    ._HHot{padding: 65px 0 80px 0}
    ._HHot ._HVideoBox{margin-top: 50px;}
    ._HHot ._HVideoBox .li1 .rText{width: 44%; right: 0;}
    ._HHot ._HVideoBox .slick-prev, ._HHot ._HVideoBox .slick-next{bottom: 0; height: 30px;}
    ._HHot ._HVideoBox .li1 .rText .h2{font-size: 20px; line-height: 30px;}
    ._HHot ._HVideoBox .li1 .rText .text{font-size: 15px; line-height: 26px; height:78px;margin-top: 20px;}
    ._HHot ._HVideoBox .slick-prev:after,
    ._HHot ._HVideoBox .slick-next:after{width: 6px; height: 12px; margin-top: -6px; margin-left: -3px;}
}
@media (max-width:767px) {
    ._HHot{padding: 30px 0}
    ._HHot ._HVideoBox{margin-top: 20px;}
    ._HHot ._HVideoBox .li1{padding: 0 20px;}
    ._HHot ._HVideoBox .li1 .lVideo{width: 100%;}
    ._HHot ._HVideoBox .li1 .rText{position: static;float: left; width: 100%; height: auto; margin-top: 15px;}
    ._HHot ._HVideoBox .li1 .rText .h2{font-size: 18px;}
    ._HHot ._HVideoBox .li1 .rText .text{font-size: 14px; margin-top:5px; line-height: 24px; height: 72px;}
    ._HHot ._HVideoBox .slick-prev, ._HHot ._HVideoBox .slick-next{width: 25px; height: 25px; left: -15px; right: auto; bottom: 60%;}
    ._HHot ._HVideoBox .slick-next{left: auto; right: -15px;}
}

._HCase{float: left; width: 100%; position: relative; padding: 100px 0 160px 0;}
._HCase .backBox3{position: absolute; width: 100%; height: 60%; left: 0; top:0; z-index: 1;}
._HCase ._HCaBox{float: left; width: 100%; position: relative; z-index: 2;}
._HCase ._HTit .h1{color:#fff;}
._HCase ._HTit .h5{color:#bbb;}
._HCase ._HCaTit{float: left; width: 100%; display: block; text-align: center; margin-top: 60px;}
._HCase ._HCaTit div.slick-track{display: inline-block;
    float: none;}
._HCase ._HCaTit .li2{float: left; width: 100%; text-align: center; line-height: 47px; font-size: 20px; color:#fff; position: relative; cursor: pointer;}
._HCase ._HCaTit .li2:after{position: absolute; content: ''; width: 0; height: 2px; background:#3A86E9; bottom: -2px; left:50%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._HCase ._HCaTit .slick-slide.slick-current.slick-active .li2{color:#398AF1; font-weight: bold;}
._HCase ._HCaTit .slick-slide.slick-current.slick-active .li2:after{width: 80%; left: 10%;}

._HCase ._HCaInfo{float: left; width: 100%; margin-top: 50px;}
._HCase ._HCaInfo .infoBox{float: left; width: 100%;position: relative;}
._HCase ._HCaInfo .infoBox .rImg{float: right; width: 45.45%; position: relative; padding-bottom:26.5%;}
._HCase ._HCaInfo .infoBox .rImg img{position: absolute; width: 100%; height: 100%;}
._HCase ._HCaInfo .infoBox .lText{position: absolute; width: 54.55%; background: #fff; left: 0; top:50%; margin-top: -161px; padding: 40px 100px 110px 70px}
._HCase ._HCaInfo .infoBox .lText .h2{float: left; width: 100%;font-size: 24px; color:#333; line-height:40px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._HCase ._HCaInfo .infoBox .lText .words{float: left; width: 100%; font-size: 18px; line-height: 36px; color:#666; margin-top: 25px; height: 108px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

._HCase ._HCaInfo .infoBox .lText .more{position: absolute; right: 100px;bottom: -23px;}
._HCase ._HCaInfo .infoBox .lText .more a{float: left; width: 180px; height: 46px; line-height: 46px; color:#fff; background:#398AF1; text-align: center; font-size: 18px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._HCase ._HCaInfo .infoBox .lText .more a:hover{
    background: #2D81EB;
}
@media (max-width:1599px) {
    ._HCase{padding: 80px 0 110px 0;}
    ._HCase ._HCaTit{margin-top: 40px;}
    ._HCase ._HCaTit .li2{font-size: 18px;}
    ._HCase ._HCaInfo{margin-top: 35px;}
    ._HCase ._HCaInfo .infoBox .lText{padding: 30px 80px 80px 60px; margin-top: -127px;}
    ._HCase ._HCaInfo .infoBox .lText .h2{font-size: 20px;}
    ._HCase ._HCaInfo .infoBox .lText .words{font-size: 16px; line-height: 30px; height:90px;margin-top: 15px;}
    ._HCase ._HCaInfo .infoBox .lText .more{right: 80px;bottom: -20px;}
    ._HCase ._HCaInfo .infoBox .lText .more a{font-size: 16px; height: 40px; line-height: 40px;}
}
@media (max-width:1199px) {
    ._HCase{padding: 60px 0 80px 0;}
    ._HCase ._HCaTit{margin-top: 25px;}
    ._HCase ._HCaTit .li2{font-size: 16px; line-height: 40px;}
    ._HCase ._HCaInfo{margin-top: 20px;}
    ._HCase ._HCaInfo .infoBox .lText{padding:20px 50px 50px 35px; margin-top: -92px;}
    ._HCase ._HCaInfo .infoBox .lText .h2{font-size: 18px; line-height: 32px;}
    ._HCase ._HCaInfo .infoBox .lText .words{font-size: 15px; line-height: 24px; height:72px;margin-top: 10px;}
    ._HCase ._HCaInfo .infoBox .lText .more{right:50px;}
    ._HCase ._HCaInfo .infoBox .lText .more a{width: 160px; font-size: 15px;}
}
@media (max-width:991px) {
    ._HCase ._HCaInfo .infoBox .lText{padding: 15px 30px 40px 30px}
    ._HCase ._HCaInfo .infoBox .lText .words{font-size: 14px;}
    ._HCase ._HCaInfo .infoBox .lText .more{right: 30px;}
    ._HCase ._HCaInfo .infoBox .lText .more a{width: 140px; height: 35px; line-height: 35px;font-size: 14px;}
}
@media (max-width:767px) {
    ._HCase{padding: 30px 0;}
    ._HCase ._HCaTit{margin-top: 10px;}
    ._HCase ._HCaTit .li2{font-size: 14px; line-height: 30px;}
    ._HCase ._HCaInfo{margin-top: 15px;}
    ._HCase ._HCaInfo .infoBox .lText{float:left; width: 100%; position: static; margin-top: 0; padding: 15px;}
    ._HCase ._HCaInfo .infoBox .rImg{width: 100%; padding-bottom: 55%;}
    ._HCase ._HCaInfo .infoBox .lText .h2{font-size: 16px; line-height: 28px;}
    ._HCase ._HCaInfo .infoBox .lText .words{margin-top: 5px;}
    ._HCase ._HCaInfo .infoBox .lText .more{position: static; float: left; width: 100%; display: block; text-align: center;}
    ._HCase ._HCaInfo .infoBox .lText .more a{float: none; display: inline-block; font-size: 14px; width: 50%; margin-top: 10px;}
}
._HPartner{float: left; width: 100%; padding: 90px 0 110px 0; background: url("_im_g/bg4.jpg") repeat-y; background-size: 100% auto;}
._HPartner .titPar{float: left; width: 100%; text-align: center; color:#262A2E; font-size: 36px; line-height: 45px; font-weight: bold;}
._HPartner .HparList{float: left; width: 100%; margin-top:140px;}
._HPartner .HparList ul{margin: 0 -1.9%;}
._HPartner .HparList li{float: left; width: 16.66666%; padding: 0 1.9%; margin-top: -80px;}
._HPartner .HparList li .parLogo{float: left; width: 100%; text-align: center; position: relative; line-height: 0;}
._HPartner .HparList li .parLogo .shop{position: absolute; width:100%; height: 100%; left: 0; top:0;}
._HPartner .HparList li .parLogo .shop img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._HPartner .HparList li:first-child{margin-left: 25.4%;}
._HPartner .HparList li:nth-child(2){float: right; margin-right:24.6%;}
._HPartner .HparList li:nth-child(3){margin-left: 17%;}
._HPartner .HparList li:nth-child(7){margin-left: 8.5%;}

@media (max-width:1599px) {
    ._HPartner{padding:75px 0 90px 0}
    ._HPartner .titPar{font-size: 30px;}
    ._HPartner .HparList{margin-top: 110px;}
    ._HPartner .HparList li{margin-top: -60px;}
}
@media (max-width:1199px) {
    ._HPartner{padding:60px 0 70px 0}
    ._HPartner .titPar{font-size: 28px; line-height: 35px;}
    ._HPartner .HparList{margin-top: 90px;}
    ._HPartner .HparList li{margin-top: -50px;}
}
@media (max-width:991px) {
    ._HPartner .titPar{font-size: 24px;}
    ._HPartner .HparList{margin-top: 70px;}
    ._HPartner .HparList li{margin-top: -5%;}
}
@media (max-width:767px) {
    ._HPartner{padding:30px 0}
    ._HPartner .titPar{font-size: 20px;}
    ._HPartner .HparList{margin-top: 30px;}

}


._HNewBox{float: left; width: 100%; margin: 110px 0 95px 0;}
._HNewBox ._HNewList{float: left; width: 100%; margin-top: 50px; height: 550px;}
._HNewBox ._HNewList ul{margin: 0 -15px;}
._HNewBox ._HNewList li{float: left; width: 33.3333%; padding: 0 15px;}
._HNewBox ._HNewList li a{float: left; width: 100%; padding:0 15px;
    /*-webkit-transition: all 0s ease-out 0s;*/
    /*-moz-transition: all 0s ease-out 0s;*/
    /*-ms-transition: all 0s ease-out 0s;*/
    /*-o-transition: all 0s ease-out 0s;*/
    /*transition: all 0s ease-out 0s;*/
}
._HNewBox ._HNewList li a .tImg{float: left; width: 100%; line-height: 0; padding: 12px 0;}
._HNewBox ._HNewList li a .tImg span{float: left; width: 100%; position: relative; padding-bottom: 63.1%; overflow:hidden;}
._HNewBox ._HNewList li a .tImg span img{position: absolute; width: 100%; left: 0; top:0;}
._HNewBox ._HNewList li a .text{float: left; width: 100%; background: #fff; padding: 15px 0 50px 0;}
._HNewBox ._HNewList li a .TH1{float: left; width: 100%;color:#333333; font-weight: bold; font-size: 24px; line-height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._HNewBox ._HNewList li a .info{float:left; width: 100%; color:#666; font-size: 18px; line-height: 26px; margin-top: 15px; height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
._HNewBox ._HNewList li a .time{float: left; width: 100%; color:#666; font-size: 24px; line-height: 36px; margin-top: 25px;}
._HNewBox ._HNewList li a:hover{padding: 0;}
._HNewBox ._HNewList li a:hover .tImg{padding: 0;}
._HNewBox ._HNewList li a:hover .text{background:#398AF1; padding: 31px 25px 40px 25px;}
._HNewBox ._HNewList li a:hover .TH1{color:#fff;}
._HNewBox ._HNewList li a:hover .info{color:#fff; opacity: 0.7;}
._HNewBox ._HNewList li a:hover .time{color:#fff; opacity: 0.7;}

._HNewBox .more{float: left; width: 100%; margin-top: 70px;text-align: center; display: block}
._HNewBox .more a{display: inline-block; width: 180px; height: 46px; line-height: 46px; font-size: 18px; color:#fff; background:#398AF1;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._HNewBox .more a:hover{background: #2D81EB;}
@media (max-width:1599px) {
    ._HNewBox{margin: 80px 0 75px 0}
    ._HNewBox ._HNewList{margin-top: 35px; height: 450px;}
    ._HNewBox ._HNewList ul{margin: 0 -10px;}
    ._HNewBox ._HNewList li{padding: 0 10px;}
    ._HNewBox ._HNewList li a .TH1{font-size: 20px;}
    ._HNewBox ._HNewList li a .info{font-size: 16px;}
    ._HNewBox ._HNewList li a .text{padding: 10px 0 40px 0}
    ._HNewBox ._HNewList li a .time{font-size: 20px;}
    ._HNewBox ._HNewList li a:hover .text{padding: 26px 15px 30px 15px}
    ._HNewBox .more{margin-top: 55px;}
    ._HNewBox .more a{font-size: 16px;}
}

@media (max-width:1199px) {
    ._HNewBox{margin: 65px 0}
    ._HNewBox ._HNewList{margin-top: 30px; height: 360px;}
    ._HNewBox ._HNewList li a .TH1{font-size: 18px;}
    ._HNewBox ._HNewList li a .info{font-size: 14px; line-height: 24px; margin-top: 10px; height: 48px;}
    ._HNewBox ._HNewList li a .text{padding: 5px 0 25px 0;}
    ._HNewBox ._HNewList li a .time{font-size: 18px; margin-top: 15px;line-height: 28px}
    ._HNewBox ._HNewList li a:hover .text{padding: 16px 15px 20px 15px}
    ._HNewBox .more{margin-top: 45px;}
    ._HNewBox .more a{font-size: 15px;}
}
@media (max-width:991px) {
    ._HNewBox ._HNewList{ height: 310px;}
}
@media (max-width:767px) {
    ._HNewBox{margin: 30px 0}
    ._HNewBox ._HNewList{height: auto; margin-top: 5px;}
    ._HNewBox ._HNewList ul{margin: 0;}
    ._HNewBox ._HNewList li{width: 100%;padding: 0; margin-top: 10px;}
    ._HNewBox ._HNewList li a{padding: 0;}
    ._HNewBox ._HNewList li a .TH1{font-size: 16px;}
    ._HNewBox ._HNewList li a .info{font-size: 13px;}
    ._HNewBox ._HNewList li a .tImg{padding: 0;}
    ._HNewBox ._HNewList li a .time{font-size: 16px; margin-top: 10px;}
    ._HNewBox ._HNewList li a .text{padding: 15px; background: #f5f5f5;}
    ._HNewBox ._HNewList li a:hover .text{padding: 15px}
    ._HNewBox .more{margin-top: 20px;}
    ._HNewBox .more a{height: 35px; font-size: 14px; line-height: 35px; width:50%;}
}

/*1视频会议*/
.pz_SideLayer{float: left; width: 100%; display: block; text-align: center; font-size: 0; margin: 45px 0 0 0; padding-bottom: 3px;}
.pz_SideLayer ul{display: inline-block;}
.pz_SideLayer .l1{float: left; margin: 0 33px;}
.pz_SideLayer .l1 a{float: left; line-height: 52px; color:#999; font-size: 24px; position: relative}
.pz_SideLayer .l1 a:after{position: absolute; content: ''; width: 0; height: 3px; bottom: -3px; left: 50%; background: #398AF1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.pz_SideLayer .l1 a:hover{color:#398AF1;}
.pz_SideLayer .l1 a:hover:after,
.pz_SideLayer .l1.on a:after{width: 60px; margin-left: -30px;}
.pz_SideLayer .l1.on a{color:#333333; font-weight: bold;}

@media (max-width:1599px) {
    .pz_SideLayer{margin-top: 35px;}
    .pz_SideLayer .l1 a{font-size: 20px;}
}
@media (max-width:1199px) {
    .pz_SideLayer{margin-top: 30px; padding-bottom: 2px;}
    .pz_SideLayer .l1 a{font-size: 18px; line-height: 38px;}
    .pz_SideLayer .l1 a:after{height: 2px; bottom: -2px;}
}
@media (max-width:991px) {
    .pz_SideLayer{ overflow-x:auto; white-space:nowrap; margin-top: 0;}
    .pz_SideLayer .l1{ float:none; display:inline-block; white-space:nowrap; margin: 0 20px;}
    .pz_SideLayer .l1 a{height: 40px; line-height:40px; font-size: 14px;}
    .pz_SideLayer .l1 a:hover:after,
    .pz_SideLayer .l1.on a:after{width: 44px; margin-left: -22px;}
}

._nVideoList{float: left; width: 100%;min-height: 500px; padding-bottom: 150px;}
._nVideoList ul{margin: 0 -10px;}
._nVideoList li{float: left; width: 25%; padding: 0 10px; margin-top: 35px;}
._nVideoList li a{float: left; width: 100%;}
._nVideoList li .tBox{float: left; width: 100%; background: #fff; border:1px solid #ddd; padding: 43px 14.5% 40px 14.5%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._nVideoList li .tBox .img{float: left; width: 100%; line-height: 0; position: relative; padding-bottom:53.5%;overflow: hidden;}
._nVideoList li .tBox .img img{position: absolute; width: 100%; height: 100%; left: 0; top:0;}
._nVideoList li .tBox .text{float: left; width: 100%; text-align: center; color:#333; font-size: 24px; line-height: 26px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; }
._nVideoList li .dBox{float: left; width: 100%; margin-top: 9px; height: 78px;}
._nVideoList li .dBox .LI1{float: left; width: 100%; padding-left: 17px; position: relative;font-size: 16px;color:#666; line-height: 26px;}
._nVideoList li .dBox .LI1:after{position: absolute; content: ''; width: 8px; height: 8px; left: 2px; top:9px; background: #398AF1;border:2px solid #c3dcfb;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%
}
._nVideoList li a:hover .tBox{border-color:#fff;
    box-shadow: 0 4px 21px 0 #DFEBF4;
    -moz-box-shadow: 0 4px 21px 0 #DFEBF4;
    -webkit-box-shadow: 0 4px 21px 0 #DFEBF4;
}
@media (max-width:1599px) {
    ._nVideoList{padding-bottom: 120px;}
    ._nVideoList li .tBox{ padding: 30px 14.5%;}
    ._nVideoList li .tBox .text{font-size: 20px;}
    ._nVideoList li .dBox .LI1{font-size: 15px;}
}
@media (max-width:1199px) {
    ._nVideoList{padding-bottom: 80px;}
    ._nVideoList li .tBox{padding: 20px 10%;}
    ._nVideoList li .tBox .text{font-size: 18px;}
    ._nVideoList li .dBox .LI1{font-size: 14px;}
}
@media (max-width:991px) {
    ._nVideoList li{width: 33.3333%; margin-top: 20px;}
    ._nVideoList li .tBox .text{font-size: 16px;}
}
@media (max-width:767px) {
    ._nVideoList{padding-bottom:25px;}
    ._nVideoList li{width: 100%; margin-top: 15px;}
    ._nVideoList li .tBox{padding: 5px 10% 15px 10%;}
    ._nVideoList li .tBox .text{font-size: 15px; line-height: 24px;}
    ._nVideoList li .dBox{height: auto;}
    ._nVideoList li .dBox .LI1{font-size: 13px; line-height: 24px;}
}

/*1_1T6内页*/
.locaBox{float: left; width: 100%; border-bottom: 1px solid #ddd; color:#333; font-size: 14px; padding: 5px 0; line-height: 30px;}
.locaBox a{color:#333;}
.locaBox a:hover{color:#398AF1;}

._nProInfo{float: left; width: 100%; margin: 50px 0;}
._nProInfo .lImg{float: left; width: 33.6%; background: #f7f7f7; line-height: 0;}
._nProInfo .rText{float: right; width: 62.85%;}
._nProInfo .rText .h1{float: left; width: 100%; color:#333; font-size: 36px; line-height: 44px;}
._nProInfo .rText .words{float: left; width: 100%; color:#666; font-size: 16px; line-height: 24px; margin-top: 38px; min-height:120px;}

@media (max-width:1599px) {
    ._nProInfo{ margin:40px 0;}
    ._nProInfo .rText .h1{font-size: 30px; line-height: 40px;}
    ._nProInfo .rText .words{font-size: 15px;}
}
@media (max-width:1199px) {
    ._nProInfo .rText .h1{font-size: 24px; line-height: 32px;}
    ._nProInfo .rText .words{font-size: 14px; margin-top: 20px;}
}
@media (max-width:991px) {
    ._nProInfo{margin: 30px 0;}
    ._nProInfo .rText .h1{font-size:20px; line-height: 30px;}
}
@media (max-width:767px) {
    .locaBox{font-size: 13px;}
    ._nProInfo{margin:20px 0;}
    ._nProInfo .lImg{width: 100%;}
    ._nProInfo .rText{width: 100%; margin-top: 15px;}
    ._nProInfo .rText .h1{font-size:18px; line-height: 26px;}
    ._nProInfo .rText .words{margin-top: 10px; font-size: 13px; line-height: 22px;}
}

._nProAdv{float: left; width: 100%; background: #f5f5f5; padding: 110px 0 100px 0;}
._nProAdv ul{margin: 0 -100px;}
._nProAdv li{float: left; width: 33.3333%; text-align: center; padding: 0 100px; position: relative}
._nProAdv li .tIco{float: left; width: 100%; line-height: 0;}
._nProAdv li .h2{float: left; width: 100%; color:#333; font-size: 24px; line-height: 30px; margin-top: 22px;}
._nProAdv li .dWord{float: left; width: 100%; color:#666; font-size: 16px; line-height: 24px; margin-top: 16px;}

._nProAdv li:nth-child(2):after,
._nProAdv li:nth-child(2):before{position: absolute; content: ''; width: 1px; height: 110%; background: #ddd; left: 0; top:-5%;}
._nProAdv li:nth-child(2):before{left: auto; right: 0;}

@media (max-width:1599px) {
    ._nProAdv{padding: 80px 0 70px 0;}
    ._nProAdv ul{margin: 0 -70px;}
    ._nProAdv li{padding: 0 70px;}
    ._nProAdv li .h2{font-size: 20px; margin-top: 20px; line-height: 24px;}
    ._nProAdv li .dWord{font-size: 14px; margin-top: 10px; line-height: 22px;}
}
@media (max-width:1199px) {
    ._nProAdv{padding: 60px 0;}
    ._nProAdv ul{margin: 0 -50px;}
    ._nProAdv li{padding: 0 50px;}
    ._nProAdv li .tIco img{height: 50px;}
}
@media (max-width:991px) {
    ._nProAdv ul{margin: 0 -30px;}
    ._nProAdv li{padding: 0 30px;}
}

@media (max-width:767px) {
    ._nProAdv{padding: 30px 0;}
    ._nProAdv ul{margin: 0;}
    ._nProAdv li{padding: 0; width: 100%;}
    ._nProAdv li .h2{font-size: 18px; margin-top: 15px;}
    ._nProAdv li .dWord{font-size: 13px;}
    ._nProAdv li:nth-child(2){margin: 20px 0; padding: 20px 0;}
    ._nProAdv li:nth-child(2):after,
    ._nProAdv li:nth-child(2):before{ width: 100%; height:1px; background: #ddd; left: 0; top:0;}
    ._nProAdv li:nth-child(2):before{top:auto; bottom: 0;}
}

._nSpecs{float: left; width: 100%; margin: 75px 0 120px 0;}
._nSpecs .title{float: left; width: 100%; text-align: center; color:#333; font-size: 30px; line-height: 30px;}
._nSpecs .tableBox{float: left; width: 100%; margin-top: 60px;}
._nSpecs .tableBox .dtBox{float: left; width: 100%; padding-left:258px; position: relative; color:#fff; font-size: 18px; line-height: 64px; background: url("_im_g/cloud17.jpg") repeat-x; }
._nSpecs .tableBox .dtBox .lDt{position: absolute; left: 0; top:0; width: 258px; padding-left: 4%; height: 100%; border-right: 1px solid #666;}
._nSpecs .tableBox .dtBox .rDd{float: left; width: 100%; padding-left: 9%;}
._nSpecs .tableBox .ddList{float: left; width: 100%;border: 1px solid #ddd; border-bottom: 0;}
._nSpecs .tableBox .ddList dl{float: left; width: 100%; padding-left: 258px; position: relative; color:#333; font-size: 18px;  background: #f5f5f5; border-bottom: 1px solid #ddd;}
._nSpecs .tableBox .ddList dl:nth-child(2n){background: #fff;}
._nSpecs .tableBox .ddList dl dt{position: absolute; width:258px; left: 0; top:0; height: 100%;padding:8px 0 8px 4%;line-height:48px; border-right: 1px solid #ddd;}
._nSpecs .tableBox .ddList dl dt span{display: table; height: 100%;}
._nSpecs .tableBox .ddList dl dt span em{display: table-cell; vertical-align: middle;}
._nSpecs .tableBox .ddList dl dd{float: left; width: 100%;line-height:48px; padding: 8px 4% 8px 9%;}
._nSpecs .tableBox .ddList dl dd span{display: inline-block; white-space:nowrap; margin-right: 25px;}
._nSpecs ._nSpeData{float: left; width: 100%; margin-top: 110px;}
._nSpecs ._nSpeData .manual{float: left; width: 100%; font-size: 0; margin-top: 45px; display: block; text-align: center;}
._nSpecs ._nSpeData .manual .donLod{display: inline-block; border:1px solid #ddd;background: #FDFCFC; text-align:left; padding:32px 168px 32px 88px; position: relative; font-size: 18px; line-height: 35px;color:#333;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._nSpecs ._nSpeData .manual .donLod em{position: absolute; left: 33px; width: 33px; height: 35px; top:50%; margin-top: -17.5px;}
._nSpecs ._nSpeData .manual .donLod em img{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 1;}
._nSpecs ._nSpeData .manual .donLod em img:last-child{opacity: 0;}
._nSpecs ._nSpeData .manual .donLod:hover em img:first-child{opacity: 0;}
._nSpecs ._nSpeData .manual .donLod:hover em img:last-child{opacity: 1;}


._nSpecs ._nSpeData .manual .donLod i{position: absolute; width: 26px; height: 26px; top:50%; margin-top: -13px; right: 22px; line-height: 0;}
._nSpecs ._nSpeData .manual .donLod i img{position: absolute; width: 100%; height: 100%; left: 0; top:0; opacity:1;}
._nSpecs ._nSpeData .manual .donLod i img:last-child{opacity: 0;}
._nSpecs ._nSpeData .manual .donLod:hover i img:first-child{opacity: 0}
._nSpecs ._nSpeData .manual .donLod:hover i img:last-child{opacity:1;}
._nSpecs ._nSpeData .manual .donLod:hover{color:#fff; background: #398AF1;}


@media (max-width:1599px) {
    ._nSpecs{margin: 65px 0 90px 0;}
    ._nSpecs .title{font-size: 24px;}
    ._nSpecs .tableBox{margin-top: 50px;}
    ._nSpecs .tableBox .dtBox{font-size: 16px;}
    ._nSpecs .tableBox .ddList dl{font-size: 16px;}
    ._nSpecs ._nSpeData{margin-top: 90px;}
    ._nSpecs ._nSpeData .manual{margin-top: 35px;}
    ._nSpecs ._nSpeData .manual .donLod{padding: 25px 140px 25px 75px; font-size: 16px;}
    ._nSpecs ._nSpeData .manual .donLod em{ left: 25px;}
}
@media (max-width:1199px) {
    ._nSpecs{margin: 50px 0 60px 0;}
    ._nSpecs .tableBox{margin-top: 40px;}
    ._nSpecs ._nSpeData{margin-top: 50px;}
    ._nSpecs ._nSpeData .manual{margin-top: 30px;}
}
@media (max-width:991px) {
    ._nSpecs .title{font-size: 20px;}
    ._nSpecs .tableBox .dtBox{line-height: 50px; font-size: 15px; padding-left: 200px;}
    ._nSpecs .tableBox .dtBox .lDt{width: 200px;}
    ._nSpecs .tableBox .ddList dl{font-size: 15px; padding-left: 200px;}
    ._nSpecs .tableBox .ddList dl dt{line-height: 34px; width: 200px;}
    ._nSpecs .tableBox .ddList dl dd{line-height: 34px;}
}
@media (max-width:767px) {
    ._nSpecs{margin: 30px 0;}
    ._nSpecs .tableBox{margin-top: 25px;}
    ._nSpecs .tableBox .dtBox{font-size: 12px; line-height: 45px; padding-left: 120px;}
    ._nSpecs .tableBox .dtBox .lDt{width: 120px;}
    ._nSpecs .tableBox .ddList dl{font-size: 12px; padding-left: 120px;}
    ._nSpecs .tableBox .ddList dl dt{width: 120px; line-height: 26px;}
    ._nSpecs .tableBox .ddList dl dd{line-height:26px;}
    ._nSpecs ._nSpeData{margin-top: 25px;}
    ._nSpecs ._nSpeData .manual{margin-top: 20px;}
    ._nSpecs ._nSpeData .manual .donLod{width: 100%; font-size: 14px; padding: 15px 15% 15px 55px}
    ._nSpecs ._nSpeData .manual .donLod em{width: 24px; height: 26px; margin-top: -13px; left: 15px;}
    ._nSpecs ._nSpeData .manual .donLod i{width: 20px; height: 20px; right: 15px; margin-top: -10px;}
    ._nSpecs ._nSpeData .manual .donLod i img{width: 20px; height: 20px; margin-top: 0;}
}

/*1_2云会议内页*/
._nProInfo .SoftwareDown{float: left; width: 100%; margin-top: 15px; border-top:1px solid #ddd;}
._nProInfo .SoftwareDown .title{float: left; width: 100%; color:#333; font-size: 18px; margin-top: 15px; line-height: 24px;}
._nProInfo .SoftwareDown .xiazai{float: left; width: 100%; margin-top: 25px;}
._nProInfo .SoftwareDown .xiazai a{float: left; width: 161px; padding: 10px; border:1px solid #ccc; font-size: 0; display: block; margin-right: 20px; position: relative;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nProInfo .SoftwareDown .xiazai a i{display: inline-block; position: relative; width: 24px; line-height: 0;}
._nProInfo .SoftwareDown .xiazai a i img{position: absolute; left: 0; top:-20px;}
._nProInfo .SoftwareDown .xiazai a i img:last-child{opacity: 0;}
._nProInfo .SoftwareDown .xiazai a:hover i img:first-child{opacity: 0}
._nProInfo .SoftwareDown .xiazai a:hover i img:last-child{opacity: 1;}
._nProInfo .SoftwareDown .xiazai a span{display: inline-block; color:#333; font-size: 16px; line-height: 24px; margin-left: 10px;}
._nProInfo .SoftwareDown .xiazai a:hover{background:#398AF1; border-color:#398AF1; }
._nProInfo .SoftwareDown .xiazai a:hover span{color:#fff;}
._nProInfo .SoftwareDown .xiazai a .ewm_ph{position: absolute; width: 100%; line-height: 0; left: 0; bottom: 47px; display: none;}
._nProInfo .SoftwareDown .xiazai a:hover .ewm_ph{display: block;}


@media (max-width:1599px) {
    ._nProInfo .SoftwareDown .xiazai a span{font-size:15px;}
    ._nProInfo .SoftwareDown .xiazai a i img{top:-18px;}
}
@media (max-width:1199px) {
    ._nProInfo .SoftwareDown .title{font-size: 16px;}
    ._nProInfo .SoftwareDown .xiazai{margin-top: 15px;}
    ._nProInfo .SoftwareDown .xiazai a{width: 150px;}
    ._nProInfo .SoftwareDown .xiazai a span{font-size: 14px;}
}
@media (max-width:991px) {
    ._nProInfo .SoftwareDown .xiazai a{width: 30%; margin-right: 3%; padding: 8px;}
    ._nProInfo .SoftwareDown .xiazai a span{margin-left: 5px;}
}
@media (max-width:767px) {
    ._nProInfo .rText .words{min-height: auto;}
    ._nProInfo .SoftwareDown .xiazai{margin-top: 5px;}
    ._nProInfo .SoftwareDown .xiazai a{width: 48%; margin-right: 0; margin-top: 10px;}
    ._nProInfo .SoftwareDown .xiazai a:nth-child(2n){float: right;}
}

.ConferenceTit{float: left; width: 100%; text-align: center; color:#333; font-size: 36px; padding: 70px 0; font-weight: bold;}
@media (max-width:1599px) {
    .ConferenceTit{font-size: 30px; padding: 60px 0;}
}
@media (max-width:1199px) {
    .ConferenceTit{font-size: 28px; padding: 50px 0;}
}
@media (max-width:991px) {
    .ConferenceTit{font-size: 24px; padding: 40px 0;}
}
@media (max-width:767px) {
    .ConferenceTit{font-size: 20px; padding: 30px 0;}
}

.RegProBox{float: left; width: 100%;background: #F8FAFF; padding: 60px 0;}
.regTit{float: left; width: 100%; text-align: center; color:#333; font-size: 30px;}
.regText{float: left; width: 100%; text-align: center; color:#666; font-size: 18px; line-height: 32px; margin-top: 25px;}
.RegProBox .regImgBox{float: left; width: 100%; text-align: center; margin-top: 50px; font-size: 0; display: block; padding: 0 10%;}
.RegProBox .regImgBox .li3{display: inline-block; width: 33.3333%; padding: 0 60px; position: relative}
.RegProBox .regImgBox .li3 .tImg{float: left; width: 100%; line-height: 0;}
.RegProBox .regImgBox .li3 .text{float: left; width: 100%; text-align: center; color:#333; font-size: 16px; line-height: 30px; margin-top: 30px;}
.RegProBox .regImgBox .li3:after{position: absolute; content: ''; width: 44px; height: 44px; background: url("_im_g/cloud26.png") no-repeat; background-size: 100% 100%; right:-22px; top:50%; margin-top: -44px;}
.RegProBox .regImgBox .li3:last-child:after{display: none;}

@media (max-width:1599px) {
    .RegProBox{ padding: 50px 0;}
    .regTit{font-size: 26px;}
    .regText{font-size: 16px; line-height: 24px; margin-top: 15px;}
    .RegProBox .regImgBox{margin-top: 40px;}
    .RegProBox .regImgBox .li3 .text{font-size: 14px; margin-top: 20px;}
}
@media (max-width:1199px) {
    .RegProBox .regImgBox{padding: 0 8%;}
    .RegProBox .regImgBox .li3{padding: 0 45px;}
    .RegProBox .regImgBox .li3:after{width: 34px; height: 34px; right: -17px;}
}
@media (max-width:992px) {
    .RegProBox{padding: 40px 0;}
    .RegProBox .regImgBox{padding: 0;}
    .regTit{font-size: 22px;}
    .RegProBox .regImgBox{margin-top: 30px;}
    .RegProBox .regImgBox .li3 .text{margin-top: 10px;}
}
@media (max-width:767px) {
    .RegProBox{padding: 30px 0;}
    .regTit{font-size: 18px;}
    .regText{font-size: 14px; line-height: 24px; margin-top: 10px;}
    .RegProBox .regImgBox{margin-top: 15px;}
    .RegProBox .regImgBox .li3{padding: 0 10px;}
    .RegProBox .regImgBox .li3 .text{font-size: 12px; line-height: 24px; margin-top: 5px;white-space:nowrap}
    .RegProBox .regImgBox .li3:after{width: 20px; height: 20px; right: -10px; margin-top: -20px;}
}

@media (max-width:374px) {
    .RegProBox .regImgBox .li3 .text{font-size: 11px;}
}

._nRegSharing{float: left; width: 100%; margin: 130px 0;position: relative;}
._nRegSharing .lImg{float: left; width: 60%; line-height: 0;}
._nRegSharing .r_text{position: absolute; right: 0; top:0; width: 34%; height: 100%;}
._nRegSharing .r_text .tabBox{display: table; width: 100%; height: 100%;}
._nRegSharing .r_text .cell{display: table-cell; vertical-align: middle}
._nRegSharing .r_text .cell .regTit{text-align: left}
._nRegSharing .r_text .cell .regText{text-align: left;}
._nRegSharing .r_text .cell .dIco{float: left; font-size: 0; line-height: 0; margin-top: 50px;}
._nRegSharing .r_text .cell .dIco img{margin: 5px 20px 0 0;}
._nRegSharing .r_text .cell .dIco img:last-child{margin-right: 0;}
@media (max-width:1599px) {
    ._nRegSharing{margin: 100px 0;}
    ._nRegSharing .r_text .cell .dIco img{height: 45px}
}
@media (max-width:1199px) {
    ._nRegSharing{margin: 80px 0;}
    ._nRegSharing .r_text .cell .dIco{margin-top: 30px;}
    ._nRegSharing .r_text .cell .dIco img{margin: 5px 10px 0 0; height: 40px;}
}
@media (max-width:991px) {
    ._nRegSharing{margin: 60px 0;}
    ._nRegSharing .lImg{width: 55%;}
    ._nRegSharing .r_text{ width: 40%; }
    ._nRegSharing .r_text .cell .dIco{margin-top: 20px;}
    ._nRegSharing .r_text .cell .dIco img{margin: 5px 5px 0 0; height: 35px;}
}
@media (max-width:767px) {
    ._nRegSharing{margin: 30px 0;}
    ._nRegSharing .lImg{width: 100%;}
    ._nRegSharing .r_text{ width: 100%;position: static; float: left; margin-top: 20px; }
    ._nRegSharing .r_text .cell .dIco{margin-top: 10px;}
}

._nRegCall{float: left; width: 100%;}
._nRegCall ._nCallBox{float: left; width: 28%; height: 500px; margin: 50px 0; display:table;}
._nRegCall ._nCallBox .cell{display: table-cell; vertical-align: middle;}
._nRegCall ._nCallBox .regTit{text-align: left}
._nRegCall ._nCallBox .regText{text-align: left;}
@media (max-width:1599px) {
    ._nRegCall ._nCallBox{ height:350px;}
}
@media (max-width:1199px) {
    ._nRegCall ._nCallBox{ height:280px;}
}
@media (max-width:991px) {
    ._nRegCall ._nCallBox{width: 40%; height: 200px;}
}
@media (max-width:767px) {
    ._nRegCall ._nCallBox{margin: 20px 0;}
}

._nRegJoint{float: left; width: 100%; padding: 98px 0 30px 0;position: relative}
._nRegJoint:after{position: absolute; content: ''; width: 100%; height: 31%; left: 0; bottom: 0;background: #F5F6F6;
    z-index: -1;}
._nRegJoint .lImg{float: left; width: 60%; text-align: center;}
._nRegJoint .rText{float: right; width: 40%; margin-top: 120px;}
._nRegJoint .rText .regTit{text-align: left}
._nRegJoint .rText .regText{text-align: left;}

@media (max-width:1599px) {
    ._nRegJoint{padding: 70px 0 30px 0;}
    ._nRegJoint .lImg img{height: 550px;}
}
@media (max-width:991px) {
    ._nRegJoint{padding: 50px 0 20px 0;}
    ._nRegJoint .rText{margin-top: 90px;}
}
@media (max-width:767px) {
    ._nRegJoint{padding: 20px 0 5px 0;}
    ._nRegJoint .lImg{width: 55%; text-align: left;}
    ._nRegJoint .lImg img{height: auto;}
    ._nRegJoint .rText{margin-top: 40px;}
}

/*4下载中心*/
.greyBox{float: left; width: 100%; background: #f5f5f5;}
._nDownload{float: left; width: 100%; margin: 70px 0 110px 0; padding: 0 15%;}
._nDownload .tit{float: left; width: 100%; border-bottom: 1px solid #ddd; text-align: center; font-size: 24px; line-height: 30px; padding: 45px 0 30px 0;}
._nDownload .pz_SideLayer{margin-top: 20px;}
._nDownload .pz_SideLayer .l1 a{font-size: 18px; line-height: 40px; height: 40px;}

._nDownload ._nDownList{float: left; width: 100%; margin-top: 45px;}
._nDownload ._nDownList.first{margin-top: 30px;}

._nDownload ._nDownList .topT{float: left; width: 100%; color:#666; font-size: 16px; line-height: 24px;}
._nDownload ._nDownList .list{float: left; width: 100%; margin-top: 30px;}
._nDownload ._nDownList .list ul{margin: 0 -20px;}
._nDownload ._nDownList .list li{float: left; width: 25%; padding: 0 20px;}
._nDownload ._nDownList .list li .li4{float: left; width: 100%; background: #fff; border:1px solid #ddd; padding: 20px 0 18px 0; text-align: center;}
._nDownload ._nDownList .list li .li4 .tImg{float: left; width: 100%; padding-bottom: 40%; position: relative}
._nDownload ._nDownList .list li .li4 .tImg span{position: absolute; width: 100%; height: 100%; line-height: 0; left: 0; top:0;}
._nDownload ._nDownList .list li .li4 .tImg span img{height: 100%;}
._nDownload ._nDownList .list li .li4 .text{float: left; width: 100%; color:#444; font-size: 14px; line-height: 24px;}
._nDownload ._nDownList .list li .li4 .but{float: left; width: 100%; display: block; margin-top: 10px;}
._nDownload ._nDownList .list li .li4 .but a{display: inline-block; width: 60px; height: 30px; line-height: 28px; font-size: 14px; color:#398AF1; background: #fff; border:1px solid #398AF1;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nDownload ._nDownList .list li .li4 .but a:hover{background: #398AF1; border-color:#398AF1; color:#fff;}
._nDownload ._nDownList .list li .li4 .but span{display: inline-block; color:#398AF1; font-size: 14px; line-height: 30px;}

@media (max-width:1599px) {
    ._nDownload{ margin: 70px 0 90px 0;}
    ._nDownload ._nDownList .list{margin-top: 20px;}
    ._nDownload ._nDownList .list li .li4{padding: 10px 0 15px 0}
}
@media (max-width:1199px) {
    ._nDownload{ margin: 70px 0 70px 0;}
    ._nDownload .tit{font-size: 20px; padding: 30px 0 20px 0}
    ._nDownload .pz_SideLayer{margin-top: 10px;}
    ._nDownload .pz_SideLayer .l1 a{font-size: 16px;}
    ._nDownload ._nDownList{margin-top: 30px;}
    ._nDownload ._nDownList.first{margin-top: 20px;}
    ._nDownload ._nDownList .list ul{margin: 0 -10px;}
    ._nDownload ._nDownList .list li{padding: 0 10px;}

}
@media (max-width:991px) {
    ._nDownload{margin: 56px 0 60px 0; padding: 0;}
}
@media (max-width:767px) {
    ._nDownload{margin:93px 0 30px 0; padding: 0;}
    ._nDownload .tit{font-size: 18px; padding: 20px 0 10px 0;}
    ._nDownload .pz_SideLayer .l1 a{font-size: 14px; line-height: 32px; height: 32px;}
    ._nDownload ._nDownList{margin-top: 20px;}
    ._nDownload ._nDownList .topT{font-size: 14px;}
    ._nDownload ._nDownList .list{margin-top: 5px;}
    ._nDownload ._nDownList .list ul{margin: 0;}
    ._nDownload ._nDownList .list li{width: 48%; padding:0; margin-top: 10px;}
    ._nDownload ._nDownList .list li:nth-child(2n){float: right;}
}

._nDOwnA{float: left; width: 100%; margin-top: 20px;}
._nDOwnA li{float: left; width: 100%; margin-top: 10px;}
._nDOwnA .donLod{float: left; width: 100%; border:1px solid #ddd;background: #FDFCFC; text-align:left; padding:32px 168px 32px 88px;position: relative; font-size: 18px; line-height: 35px;color:#333;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._nDOwnA .donLod i{position: absolute; width: 26px; height: 26px; top:50%; margin-top: -13px; right: 34px; line-height: 0;}
._nDOwnA .donLod i img{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 1;}
._nDOwnA .donLod i img:last-child{opacity: 0;}
._nDOwnA .donLod:hover i img:last-child{opacity: 1;}
._nDOwnA .donLod:hover i img:first-child{opacity: 0;}


._nDOwnA .donLod em{position: absolute; left: 33px; width: 33px; height: 35px; top:50%; margin-top: -17.5px;}
._nDOwnA .donLod em img{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 1;}
._nDOwnA .donLod em img:last-child{opacity: 0;}
._nDOwnA .donLod:hover em img:first-child{opacity: 0;}
._nDOwnA .donLod:hover em img:last-child{opacity: 1;}
._nDOwnA .donLod:hover{background:#398AF1; color:#fff;}

@media (max-width:1599px) {
    ._nDOwnA .donLod{padding: 25px 140px 25px 75px; font-size: 16px;}
    ._nDOwnA .donLod em{ left: 25px;}
}
@media (max-width:767px) {
    ._nDOwnA{margin-top: 10px;}
    ._nDOwnA .donLod{padding: 15px 15% 15px 55px; font-size: 14px;}
    ._nDOwnA .donLod em{width: 24px; height: 26px; margin-top: -13px; left: 15px;}
    ._nDOwnA .donLod i{width: 20px; height: 20px; right: 15px; margin-top: -10px;}
    ._nDOwnA .donLod i img{width: 20px; height: 20px; margin-top: 0;}

}

/*联系我们*/
._nContact{float: left; width: 100%; margin: 75px 0;}
._nContact .lConInfo{float: left; width: 37.5%; margin-top: -25px;}
._nContact .lConInfo dl{float: left; width: 100%; margin-top: 25px;}
._nContact .lConInfo dl dt{display: block; color:#333; font-size: 18px; line-height: 24px;}
._nContact .lConInfo dl dd{display: block; color:#398AF1; font-size: 30px; line-height: 40px; margin-top: 10px;}
._nContact .lConInfo dl:nth-child(2) dd{font-size: 28px; color:#666;font-weight:500;}
._nContact .lConInfo dl:nth-child(3) dd{font-size: 16px; color:#666; line-height: 24px;}
._nContact .rMap{float: right; width: 58.666%; height: 268px;}
._nContact .rMap #bdmap{float: left; width: 100%; height: 100%;}
@media (max-width:1199px) {
    ._nContact{margin: 60px 0;}
    ._nContact .lConInfo dl dt{font-size: 16px;}
    ._nContact .lConInfo dl dd{font-size: 26px; line-height: 32px;}
    ._nContact .lConInfo dl:nth-child(2) dd{font-size: 24px;}
    ._nContact .lConInfo dl:nth-child(3) dd{font-size: 14px;}
}
@media (max-width:767px) {
    ._nContact{margin:20px 0 30px 0;}
    ._nContact .lConInfo{width: 100%;}
    ._nContact .rMap{width: 100%; margin-top: 20px;}
    ._nContact .lConInfo{margin-top: -15px;}
    ._nContact .lConInfo dl{margin-top:15px;}
    ._nContact .lConInfo dl dd{margin-top: 5px;}
}

.greyBack1{float: left; width: 100%; background: #F6F6F6;}
._nTeamBox{float: left; width: 100%; margin: 45px 0 75px 0;}
._nTeamBox .title{float: left; width: 100%; text-align: center; color:#333; font-size: 20px; line-height: 30px;}
._nTeamBox ul{float: left; width: 100%; padding: 0 7.75%;}
._nTeamBox ul li{float: left; width: 33.3333%; padding: 0 25px; margin-top:50px;}
._nTeamBox ul li .teamInfo{float:left; width: 100%; background: #fff; padding: 54px 10px 40px 10px;
    border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
}
._nTeamBox ul li .teamInfo .tImg{float: left; width: 100%; display: block; text-align: center; line-height: 0;}
._nTeamBox ul li .teamInfo .tImg img{width: 150px; height: 150px;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
._nTeamBox ul li .teamInfo .name{float:left; width: 100%; text-align: center; color:#333; margin-top: 25px; line-height:24px; font-size: 20px;}
._nTeamBox ul li .teamInfo .info{float: left; width: 100%; text-align: center; color:#666; font-size: 16px; line-height: 20px; margin-top: 10px; min-height: 40px;}

@media (max-width:1199px) {
    ._nTeamBox{margin: 35px 0 55px 0}
    ._nTeamBox .title{font-size: 18px;}
    ._nTeamBox ul{}
    ._nTeamBox ul li{padding: 0 18px; margin-top:36px;}
    ._nTeamBox ul li .teamInfo{padding: 30px 10px 25px 10px}
    ._nTeamBox ul li .teamInfo .name{font-size: 18px; margin-top: 20px;}
    ._nTeamBox ul li .teamInfo .info{font-size: 14px;}
}
@media (max-width:991px) {
    ._nTeamBox ul{padding: 0;}
    ._nTeamBox ul li .teamInfo .tImg img{width: 100px; height: 100px;}
}
@media (max-width:767px) {
    ._nTeamBox{margin: 30px 0;}
    ._nTeamBox .title{font-size: 16px;line-height: 24px;}
    ._nTeamBox ul{margin-top: 10px;}
    ._nTeamBox ul li{width: 100%; padding: 0; margin-top: 15px;}
    ._nTeamBox ul li .teamInfo{padding: 20px 10px 15px 10px}
    ._nTeamBox ul li .teamInfo .name{font-size: 16px; margin-top: 15px;}
    ._nTeamBox ul li .teamInfo .info{font-size: 13px; margin-top: 5px;}
}

/*7关于我们*/
._nAboutBox{float: left; width: 100%; margin-top:65px; position: relative}
._nAboutBox .lText{float: left; width: 51%;}
._nAboutBox .lText .tit{float: left; width: 100%; color:#000; font-size: 18px; line-height: 24px; font-weight: bold; margin-top: 30px;}
._nAboutBox .lText .tit:first-child{margin-top: 0;}
._nAboutBox .lText .words{float: left; width: 100%; color:#666; font-size: 16px; line-height: 24px; margin-top: 10px;}
._nAboutBox .rImg{position: absolute; right: 0; top:0; width: 43.5%; height: 100%;}
._nAboutBox .rImg .tab{float: left; width: 100%; height: 100%; display: table;}
._nAboutBox .rImg .tab span{display: table-cell; vertical-align: middle; line-height: 0;}

@media (max-width:1199px) {
    ._nAboutBox{margin-top: 45px;}
    ._nAboutBox .lText .tit{font-size: 16px; margin-top: 20px;}
    ._nAboutBox .lText .words{font-size: 14px;}
}
@media (max-width:991px) {
    ._nAboutBox{margin-top: 40px;}
    ._nAboutBox .lText{width: 100%;}
    ._nAboutBox .rImg{position:static;float: left; width: 100%; margin-top:15px;}
    ._nAboutBox .rImg .tab span img{width: 100%;}
}
@media (max-width:767px) {
    ._nAboutBox{margin-top: 20px;}
    ._nAboutBox .lText .tit{font-size: 15px; margin-top: 15px;}
    ._nAboutBox .lText .words{font-size: 13px; line-height: 20px; margin-top: 5px;}
}

._nAboutBox._nCulture .lText{float: right; width: 45%;}
._nAboutBox._nCulture .rImg{right: auto; left: 0; width: 49%; overflow: hidden;}
._nAboutBox._nCulture .lText .words{margin-top:0;}
._nAboutBox._nCulture .lText .words .p1{float: left; width: 100%; margin-top: 20px;}

@media (max-width:991px) {
    ._nAboutBox._nCulture .lText{ width: 100%;}
    ._nAboutBox._nCulture .rImg{ width: 100%;}
    ._nAboutBox._nCulture .lText .words .p1{margin-top: 15px;}
}
@media (max-width:797px) {
    ._nAboutBox._nCulture .lText .words .p1{margin-top: 10px;}
}

._nMemora{float: left; width: 100%; margin: 75px 0 110px 0;}
._nMemora .title{float: left; width: 100%; color:#000; font-size: 18px; line-height: 24px; font-weight: bold;}
._nMemora .memList{float: left; width: 100%; margin-top: 40px;}
._nMemora .memList .li5{float: left; width: 100%;}
._nMemora .memList .li5 .ico{float: left; width: 100%; line-height: 0;}
._nMemora .memList .li5 .text{float: left; width: 100%; margin-top: 10px; padding:16px 0 0 23px; border-top: 1px solid #CFD7E3; position: relative}
._nMemora .memList .li5 .text:after{position: absolute; content: ''; width: 9px; height: 9px; left: 9px; top:24px; background: url("_im_g/dot.png") no-repeat;}
._nMemora .memList .li5 .text:before{position: absolute; content: ''; width: 1px; height: 130px; left: 13px; top:32px; background: #D5E7FF;}
._nMemora .memList .li5 .time{float: left; width: 100%; color:#333; font-size: 18px; line-height: 24px; font-weight: bold;}
._nMemora .memList .li5 .word{float: left; width: 100%; color:#666; font-size: 16px; line-height: 28px; margin-top: 5px;}

@media (max-width:1199px) {
    ._nMemora{margin: 50px 0 80px 0}
    ._nMemora .title{font-size: 16px;}
    ._nMemora .memList{margin-top: 25px;}
    ._nMemora .memList .li5 .ico img{width: 23px; height: 30px;}
    ._nMemora .memList .li5 .text:after{left: 7px;}
    ._nMemora .memList .li5 .text:before{left:11px;}
    ._nMemora .memList .li5 .time{font-size: 16px;}
    ._nMemora .memList .li5 .word{font-size: 14px; line-height: 24px;}
}

@media (max-width:991px) {
    ._nMemora{margin: 40px 0 60px 0}
}
@media (max-width:767px) {
    ._nMemora{margin: 25px 0 30px 0}
    ._nMemora .title{font-size: 15px;}
    ._nMemora .memList{margin-top: 15px;}
    ._nMemora .memList .li5 .ico img{width: 20px; height: 26px;}
    ._nMemora .memList .li5 .time{font-size: 15px;}
    ._nMemora .memList .li5 .word{font-size: 13px; line-height: 22px;}
}

/*荣誉资质*/
._nHonorBox{float: left; width: 100%; margin: 40px 0 120px 0;}
._nHonorBox ul{margin: 0 -12px;}
._nHonorBox li{float: left; width: 25%; padding: 0 12px; margin-top: 30px;height: 186px; overflow: hidden;}
._nHonorBox li a{float: left; width: 100%; background: #fff;border: 1px solid #CCCCCC; line-height: 0; text-align: center; padding:13px 15px; height: 186px; overflow: hidden;}
._nHonorBox li a .spanbox{width:100%; height:100%; position:relative;}
._nHonorBox li a span{}
._nHonorBox li a span img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    width:auto; max-width:100%; max-height:100%; display:block; margin:0 auto; position:absolute; left:50%; top:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
._nHonorBox li a:hover img{
    transform:translate(-50%, -50%) scale(1.1) ; -ms-transform:translate(-50%, -50%) scale(1.1); -moz-transform:translate(-50%, -50%) scale(1.1); -webkit-transform:translate(-50%, -50%) scale(1.1);
}
._nHonorBox ._htm{position: fixed; width: 100%; height: 100%; left: 0; top:0; background: rgba(0,0,0,0.3); z-index: 99; display: none;}
._nHonorBox .qualiImg{position: fixed; padding: 20px; max-width: 500px; background: #fff; left: 50%; top:50%; text-align: center;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
._nHonorBox .qualiImg .tImg{float: left; width: 100%; line-height: 0;}
._nHonorBox .qualiImg .tImg img{display: block; max-height: 80vh; width: auto; margin: 0 auto;}

._nHonorBox .qualiImg .dText{float: left; width: 100%; color:#333; font-size: 16px; line-height: 24px; margin-top: 10px;}
._nHonorBox .qualiImg .close{position: absolute; right: -41px; top:0; width:40px; height: 40px; background: #f5f5f5; cursor: pointer;}
._nHonorBox .qualiImg .close:hover{background: #fff;}
@media (max-width:1199px) {
    ._nHonorBox{margin: 30px 0 90px 0}
}
@media (max-width:991px) {
    ._nHonorBox{margin: 20px 0 70px 0;}
    ._nHonorBox ul{margin: 0 -8px;}
    ._nHonorBox li{margin-top:20px; padding: 0 8px;}
}
@media (max-width:767px) {
    ._nHonorBox{margin: 10px 0 30px 0;}
    ._nHonorBox ul{margin: 0 -5px;}
    ._nHonorBox li{margin-top:10px; width: 50%; padding: 0 5px;}
    ._nHonorBox li a{padding: 10px 15px; }
    ._nHonorBox .qualiImg{width: 80%; padding: 15px;}
    ._nHonorBox .qualiImg .dText{font-size: 14px;}
    ._nHonorBox .qualiImg .close{width: 25px; height: 25px; right: -26px;}

    /*._nHonorBox li a span{display: table-cell; vertical-align: middle;}*/
    ._nHonorBox li a span img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    }

}

/*9新闻资讯*/
._nNewBox{float: left; width: 100%; margin: 27px 0 140px 0;}
._nNewBox ul{float: left; width: 100%;}
._nNewBox li{float: left; width: 100%; margin-top: 24px;}
._nNewBox li a{float: left; width: 100%; padding: 35px 40px; background: #fff;}
._nNewBox li a:hover{
    box-shadow: 0 1px 18px 0 #E4E4E4;
    -moz-box-shadow: 0 1px 18px 0 #E4E4E4;
    -webkit-box-shadow: 0 1px 18px 0 #E4E4E4;
}
._nNewBox li a .lImg{float: left; width: 34%; line-height: 0; }
._nNewBox li a .lImg .lImgbox{width:100%; padding-bottom:63.1%; overflow:hidden; position:relative;}
._nNewBox li a .lImg .lImgbox img{display:block; width:100%; height:auto; position:absolute; left:0; top:0;}
._nNewBox li a .rText{float: right; width:61.5%;}
._nNewBox li a .rText .h1{float: left; width: 100%; color:#333; font-size: 24px; line-height: 30px; font-weight: bold; margin-top: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._nNewBox li a .rText .text{float: left; width: 100%; color:#666; font-size: 18px; line-height: 32px; margin-top: 15px; opacity: 0.7; height: 64px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
._nNewBox li a .rText .time{float: left; width: 100%; color:#666; font-size: 18px; line-height: 32px; margin-top: 10px;}

@media (max-width:1599px) {
    ._nNewBox li{margin-top: 15px;}
    ._nNewBox li a{padding: 25px 30px}
    ._nNewBox li a .rText .h1{font-size: 22px;}
    ._nNewBox li a .rText .text{font-size: 16px;}
    ._nNewBox li a .rText .time{font-size: 16px;}
}
@media (max-width:1199px) {
    ._nNewBox{margin: 27px 0 100px 0}
}
@media (max-width:991px) {
    ._nNewBox{margin: 27px 0 80px 0}
    ._nNewBox li a{padding: 20px 25px;}
    ._nNewBox li a .rText .h1{font-size: 18px; margin-top: 0;}
    ._nNewBox li a .rText .text{font-size: 14px; line-height: 24px; height: 48px;}
    ._nNewBox li a .rText .time{font-size: 14px; line-height: 24px;}
}
@media (max-width:767px) {
    ._nNewBox{margin: 10px 0 30px 0}
    ._nNewBox li{margin-top: 10px;}
    ._nNewBox li a{padding: 10px;
        box-shadow: 0 1px 18px 0 #E4E4E4;
        -moz-box-shadow: 0 1px 18px 0 #E4E4E4;
        -webkit-box-shadow: 0 1px 18px 0 #E4E4E4;
    }
    ._nNewBox li a .lImg{width: 100%;}
    ._nNewBox li a .rText{width: 100%;}
    ._nNewBox li a .rText .h1{font-size: 16px; margin-top: 15px; line-height: 24px;}
    ._nNewBox li a .rText .text{font-size: 13px; margin-top: 10px;}
    ._nNewBox li a .rText .time{font-size: 13px; margin-top: 5px;}
}

/*10招商加盟*/
._nBackBox{float: left; width: 100%; padding: 110px 0 30px 0; background: url("_im_g/about10.png") no-repeat center bottom; background-size: 100% auto;}
._nBackBox ._nJoinText{float: left; width: 100%; text-align: center; display: block;font-size: 0;}
._nBackBox ._nJoinText .p1{display: inline-block; width: 850px; color:#666; font-size: 16px; line-height: 24px;}
._nBackBox ._nJoinForm{float: left; width: 100%; display: block; text-align: center; margin-top: 55px;font-size: 0;}
._nBackBox ._nJoinForm .box_600{display: inline-block; width: 600px; }
._nBackBox ._nJoinForm .box_600 .tit{float:left; width: 100%; color:#333; font-size: 24px; line-height: 30px;}
._nBackBox ._nJoinForm .form{float: left; width: 100%; margin-top: 14px;}
._nBackBox ._nJoinForm .form label{float: left; width: 100%; margin-top: 16px;}
._nBackBox ._nJoinForm .form label span{float: left; width:10%; color:#333; font-size: 16px; line-height: 50px; text-align: left;}
._nBackBox ._nJoinForm .form label input{float:right; width: 90%; height: 50px; font-size: 14px; color:#333; text-indent: 20px; line-height: 48px; border: 1px solid #ddd; background: #f5f5f5;
    background: rgba(245, 245, 245, 0.8);}
._nBackBox ._nJoinForm .form label textarea{float:right; width: 90%; height: 165px;font-size: 14px; color:#333; line-height: 24px; padding: 12px 20px;
    border: 1px solid #ddd; background: #f5f5f5;
    background: rgba(245, 245, 245, 0.8);
}
._nBackBox ._nJoinForm .form label:nth-child(4){margin-top: 22px;}
._nBackBox ._nJoinForm .form label:last-child{display: block; text-align: center; margin-top: 22px;}
._nBackBox ._nJoinForm .form label button{display: inline-block; width: 180px; height: 46px; background:#398AF1; color:#fff; border:0; font-size: 18px; line-height: 46px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nBackBox ._nJoinForm .form label button:hover{background:#2D81EB;}

@media (max-width:1599px) {
    ._nBackBox{padding: 90px 0 30px 0}
}
@media (max-width:1199px) {
    ._nBackBox{padding: 70px 0 30px 0}
    ._nBackBox ._nJoinText .p1{font-size: 14px;}
    ._nBackBox ._nJoinForm{margin-top: 35px;}
    ._nBackBox ._nJoinForm .box_600 .tit{font-size: 20px;}
    ._nBackBox ._nJoinForm .form label span{font-size: 15px;}
    ._nBackBox ._nJoinForm .form label button{font-size: 16px;}
}
@media (max-width:991px) {
    ._nBackBox{padding: 40px 0 30px 0}
    ._nBackBox ._nJoinText .p1{width: 100%;}
    ._nBackBox ._nJoinForm{margin-top: 25px;}
    ._nBackBox ._nJoinForm .form{margin-top: 5px;}
    ._nBackBox ._nJoinForm .form label:nth-child(4){margin-top: 16px;}
}
@media (max-width:767px) {
    ._nBackBox{padding: 20px 0 25px 0}
    ._nBackBox ._nJoinForm{margin-top: 15px;}
    ._nBackBox ._nJoinForm .box_600{width: 100%;}
    ._nBackBox ._nJoinForm .box_600 .tit{font-size: 18px;}
    ._nBackBox ._nJoinForm .form label{margin-top: 10px;}
    ._nBackBox ._nJoinForm .form label span{font-size: 14px; width: 13%; line-height: 42px;}
    ._nBackBox ._nJoinForm .form label input{width: 87%; font-size: 12px; text-indent: 10px; height: 42px; line-height: 40px;}
    ._nBackBox ._nJoinForm .form label:nth-child(4){margin-top: 10px;}
    ._nBackBox ._nJoinForm .form label textarea{width: 87%; font-size: 12px; padding: 10px;}
    ._nBackBox ._nJoinForm .form label:last-child{margin-top:15px;}
    ._nBackBox ._nJoinForm .form label button{width:50%; font-size:15px; height: 42px; line-height: 42px;}
}

._nWhyBox{float: left; width: 100%; padding: 100px 0 150px 0;}
._nWhyBox .tit{float: left; width: 100%; text-align: center; font-size: 36px; line-height:40px;}
.benefitTit{float: left; width: 100%; display: block; margin-top: 65px; text-align: center;}
.benefitTit span{display: inline-block; line-height: 44px; padding-bottom: 42px; width: 320px; background: url("_im_g/title.png") no-repeat; background-size:100% 100%; font-size: 24px; color:#FEFEFE}
._nWhyBox ._nWhyInfo{float: left; width: 55%; color:#666; font-size: 18px; line-height: 24px; margin-top: 80px;}
._nWhyBox ._nWhyInfo li{float: left; width: 100%; padding:0 0 5px 24px; position: relative; }
._nWhyBox ._nWhyInfo li:after{position: absolute; content: ''; width: 9px; height: 12px; left: 0; top:6px;background: url("_im_g/about12.png") no-repeat;}
._nWhyBox ._nWhyInfo li:before{position: absolute; content: ''; width: 1px; height: 100%; left: 4px; top:8px; background: #6277ff;}
._nWhyBox ._nWhyInfo li span{float: left; width: 100%;min-height: 48px;}
._nWhyBox ._nWhyInfo li:last-child:before{opacity: 0;}
@media (max-width:1599px) {
    ._nWhyBox{padding: 80px 0 110px 0;}
    ._nWhyBox .tit{font-size: 30px;}
    .benefitTit{margin-top: 50px;}
    .benefitTit span{font-size: 22px;}
    ._nWhyBox ._nWhyInfo{ margin-top: 50px; font-size: 16px;}
}
@media (max-width:1199px) {
    ._nWhyBox{padding: 60px 0 90px 0;}
    ._nWhyBox .tit{font-size: 28px;}
    .benefitTit{margin-top: 35px;}
    .benefitTit span{font-size: 20px; width: 280px;}
    ._nWhyBox ._nWhyInfo{margin-top: 30px;}
}

@media (max-width:991px) {
    ._nWhyBox ._nWhyInfo{font-size: 14px;}
}
@media (max-width:767px) {
    ._nWhyBox{padding: 30px 0;}
    ._nWhyBox .tit{font-size: 24px; line-height: 30px;}
    .benefitTit{margin-top: 20px;}
    .benefitTit span{width: 250px;line-height: 35px; padding-bottom: 32px; font-size: 16px;}
    ._nWhyBox ._nWhyInfo{width:90%; margin-top: 5px;}
    ._nWhyBox ._nWhyInfo li:after{top:4px;}
    ._nWhyBox ._nWhyInfo li{padding:0 0 20px 24px;}
    ._nWhyBox ._nWhyInfo li span{min-height:auto;}
}

._nPolicy{float: left; width: 100%; margin: 28px 0 100px 0;}
._nPolicy .benefitTit{margin-top: 0;}
._nPolicy ul{float: left; width: 100%; text-align: center; margin-top: 35px;}
._nPolicy li{float: left; width: 25%;}
._nPolicy li .tImg{float: left; width: 100%; line-height: 0;}
._nPolicy li .h1{float: left; width: 100%; color:#333; font-size: 20px; line-height: 30px; margin-top: 20px;}
._nPolicy li .p2{float: left; width: 100%; font-size: 16px; line-height: 24px; color:#666; margin-top:15px;}

@media (max-width:1599px) {
    ._nPolicy{float: left; width: 100%; margin: 25px 0 80px 0;}
    ._nPolicy ul{ margin-top: 25px;}
    ._nPolicy li .h1{font-size: 18px;}
    ._nPolicy li .p2{font-size: 15px; margin-top: 10px;}
}
@media (max-width:1199px) {
    ._nPolicy{ margin: 20px 0 60px 0;}
    ._nPolicy ul{ margin-top: 15px;}
    ._nPolicy li .h1{font-size: 16px; line-height: 24px;}
    ._nPolicy li .p2{font-size: 14px; line-height: 22px; margin-top: 10px;}
}
@media (max-width:991px) {
    ._nPolicy ul{margin-top: 0;}
    ._nPolicy li{margin-top: 15px; width: 50%;}
}
@media (max-width:767px) {
    ._nPolicy{margin: 0 0 30px 0;}
    ._nPolicy li{width: 100%}
    ._nPolicy li .h1{margin-top: 10px;}
    ._nPolicy li .p2{font-size: 13px; line-height: 22px; margin-top: 5px;}
}

/*11经典案例*/
.slide_banner.inBanner a{position:relative;float: left; width: 100%;}
.slide_banner.inBanner a .banTit{position: absolute; left: 0; width: 100%; text-align: center; top:30%; color:#fff;}
.slide_banner.inBanner a .banTit .h1{float: left; width: 100%;font-size: 30px; line-height:30px;}
.slide_banner.inBanner a .banTit .h6{float:left; width: 100%; font-size: 20px; line-height: 30px; margin-top: 25px;}
.slide_banner.inBanner .banTit.aboutBan{text-align: left; top: 50%; margin-top: -57.5px;}




@media (max-width:1599px) {
    .slide_banner.inBanner a .banTit .h1{font-size: 28px;}
    .slide_banner.inBanner a .banTit .h6{font-size: 18px; line-height: 24px;}
}
@media (max-width:1199px) {
    .slide_banner.inBanner a .banTit .h1{font-size: 24px;}
    .slide_banner.inBanner a .banTit .h6{font-size: 16px; line-height: 24px; margin-top: 15px;}
}
@media (max-width:991px) {
    .slide_banner.inBanner a .banTit{top:25%;}
}
@media (max-width:767px) {
    .slide_banner.inBanner a .banTit .h1{font-size: 18px;line-height: 24px;}
    .slide_banner.inBanner a .banTit .h6{font-size: 14px; line-height: 20px; margin-top:5px;}
    .slide_banner.inBanner a .banTit .h6 br{display:none;}
    .slide_banner.inBanner .banTit.aboutBan{top:50%; margin-top: -34.5px;}
    .slide_banner.inBanner .banTit.aboutBan .h1{font-size: 16px;}
    .slide_banner.inBanner .banTit.aboutBan .h6{font-size: 12px;}
}
@media (max-width:374px) {

}



._nCaseList{float: left; width: 100%; margin: 62px 0 100px 0;}
._nCaseList ul{margin: 0 -14px;}
._nCaseList li{float: left; width:33.3333%; padding: 0 14px; margin-top: 28px;}
._nCaseList li a{float: left; width: 100%;color:#333; background: #f5f5f5;}
._nCaseList li .tImg{float: left; width: 100%; position: relative; line-height: 0; padding-bottom: 70.8%; overflow: hidden;}
._nCaseList li .tImg img{position: absolute; width: 100%; height: 100%; left: 0; top:0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
._nCaseList li .dText{float: left; width: 100%; padding: 15px 6.25%; font-size: 20px; line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._nCaseList li a:hover{background: #1477fe; color:#fff;}
._nCaseList li a:hover .tImg img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
}
@media (max-width:1599px) {
    ._nCaseList{margin: 52px 0 90px 0;}
    ._nCaseList li .dText{font-size: 18px; line-height: 40px;}
}
@media (max-width:1199px) {
    ._nCaseList{margin:30px 0 60px 0;}
    ._nCaseList ul{margin: 0 -8px;}
    ._nCaseList li{margin-top:16px; padding: 0 8px;}
    ._nCaseList li .dText{font-size: 16px; line-height: 30px;}
}
@media (max-width:767px) {
    ._nCaseList{margin:15px 0 30px 0;}
    ._nCaseList ul{margin: 0 -5px}
    ._nCaseList li{width: 50%; padding: 0 5px; margin-top: 10px;}
    ._nCaseList li .dText{font-size: 14px; padding: 10px 6.25%; line-height: 24px;}
}

/*12试用体验*/
._nTryOut{float: left; width: 100%; padding: 0 10%; margin: 110px 0 165px 0; position: relative;}
._nTryOut:after{position: absolute; content: ''; width: 1px; height: 100%; left: 50%; top:0; background: #ddd;}
._nTryOut .explain{float: left; width: 35%;}
._nTryOut .tit{float: left; width: 100%; font-size: 24px; line-height: 24px; color:#333;}
._nTryOut .explain .ulBox{float: left; width: 100%; margin-top: 3px;}
._nTryOut .explain .ulBox .li6{float: left; width: 100%; margin-top: 30px; height: 44px; line-height: 44px; padding-left: 65px; position: relative; font-size: 16px; color:#fff;
    border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;
    background: #6280FF;
    background: linear-gradient(left, #6280FF 0%, #56C9F9 100%);
    background: -ms-linear-gradient(left, #6280FF 0%, #56C9F9 100%);
    background: -moz-linear-gradient(left, #6280FF 0%, #56C9F9 100%);
    background: -webkit-linear-gradient(left, #6280FF 0%, #56C9F9 100%);
}
._nTryOut .explain .ulBox .li6 span{position: absolute; width: 52px; height:52px; background: #7360FF;border: 4px solid #FBF7F8; font-size: 24px; color:#fff; text-align: center; left: -4px; top:-4px; line-height:44px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}

._nTryOut .fillIn{float: right; width: 35%;}
._nTryOut .fillIn .form1{float: left; width: 100%;}
._nTryOut .fillIn .form1 input{float: left; width: 100%; margin-top: 25px; color:#333; font-size: 16px; height: 46px; line-height: 44px; border:1px solid #ddd; text-indent: 20px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nTryOut .fillIn .form1 label{float: left; width: 100%; display: block; text-align: center; margin-top: 25px;font-size: 0;}
._nTryOut .fillIn .form1 label button{display: inline-block; width: 47%; font-size: 16px; color:#fff; line-height: 46px; border:0; background:#398AF1;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nTryOut .fillIn .form1 label button:hover{background: #2D81EB;}

@media (max-width:1199px) {
    ._nTryOut{margin: 90px 0 130px 0; padding: 0 7%;}
    ._nTryOut .explain{width: 40%;}
    ._nTryOut .tit{font-size: 20px;}
    ._nTryOut .explain .ulBox .li6{font-size: 15px; margin-top: 25px;}
    ._nTryOut .explain .ulBox .li6 span{font-size: 20px;}
    ._nTryOut .fillIn{width: 40%;}
    ._nTryOut .fillIn .form1 input{font-size: 15px; margin-top: 20px;}
    ._nTryOut .fillIn .form1 label{margin-top: 20px;}
    ._nTryOut .fillIn .form1 label button{font-size: 15px; height: 42px; line-height: 42px;}
}

@media (max-width:991px) {
    ._nTryOut{margin: 60px 0 100px 0; padding: 0;}
    ._nTryOut .explain .ulBox .li6{padding-left: 55px; font-size: 14px;}
}
@media (max-width:767px) {
    ._nTryOut{margin: 30px 0;}
    ._nTryOut:after{display: none;}
    ._nTryOut .explain{width: 100%;}
    ._nTryOut .tit{font-size: 18px;}
    ._nTryOut .explain .ulBox .li6{height: 40px; line-height: 40px; margin-top: 15px;}
    ._nTryOut .explain .ulBox .li6 span{width: 48px; height: 48px; line-height: 40px; font-size: 18px;}

    ._nTryOut .fillIn{width: 100%; margin-top: 25px;}
    ._nTryOut .fillIn .form1 input{font-size: 14px; height: 42px; line-height: 40px; text-indent: 15px; margin-top: 15px;}
    ._nTryOut .fillIn .form1 label{margin-top: 15px;}
    ._nTryOut .fillIn .form1 label button{font-size: 14px; height: 40px; line-height: 40px;}
}


/*13获取报价*/
._nOfferBox{float: left; width: 100%; margin: 112px 0 65px 0;}
._nOfferBox .gainBox{float: left; width: 65%; background: #fff; padding: 40px 6% 50px 6%;}
._nOfferBox .gainBox .tit{float: left; width: 100%; text-align: center; color:#333; font-size: 18px; padding-bottom: 24px; border-bottom: 1px solid #ddd;}
._nOfferBox .gainBox .formBox{float: left; width: 100%; margin-top: 20px;}
._nOfferBox .gainBox .formBox dl{float: left; width: 100%; margin-top: 15px;}
._nOfferBox .gainBox .formBox dt{float: left; width: 16%; font-size: 16px; color:#333; line-height: 34px; text-align: right;}
._nOfferBox .gainBox .formBox dd{float: left; width: 70%; margin-left: 3%;}
._nOfferBox .gainBox .formBox dd span{float: left; padding: 0 12px; height: 34px; line-height: 32px; min-width: 54px; border:1px solid #ccc; margin-right: 10px; cursor: pointer; font-size: 14px;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
._nOfferBox .gainBox .formBox dd span:hover{border-color:#187BF8; border-color:rgba(24, 123, 248, 0.8); color:#187BF8; color:rgba(24, 123, 248, 0.8);}
._nOfferBox .gainBox .formBox dd span.on{ color:#fff; border-color:#187BF8; border-color:rgba(24, 123, 248, 0.8); background: #187BF8;
    background: rgba(24, 123, 248, 0.8);}
._nOfferBox .gainBox .formBox dl:nth-child(3){margin-top: 25px;}
._nOfferBox .gainBox .formBox dl:nth-child(5) dt,
._nOfferBox .gainBox .formBox dl:nth-child(6) dt,
._nOfferBox .gainBox .formBox dl:nth-child(7) dt{line-height: 50px;}
._nOfferBox .gainBox .formBox dl dd input{float: left; width: 100%; height: 50px; line-height: 48px; border:1px solid #ddd; text-indent: 20px; font-size: 14px; color:#333;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nOfferBox .gainBox .formBox dl:nth-child(4),
._nOfferBox .gainBox .formBox dl:nth-child(5){margin-top: 20px;}
._nOfferBox .gainBox .formBox dl:last-child dd{ width: 100%; display: block; text-align: center; margin-top: 10px;}
._nOfferBox .gainBox .formBox dl:last-child dd button{display: inline-block; width:180px; height: 46px; line-height: 46px; border:0; background: #398AF1; color:#fff; font-size: 18px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
._nOfferBox .gainBox .formBox dl:last-child dd button:hover{background: #2D81EB;}

._nOfferBox .right_s{float: right; width: 30%; padding: 40px 3% 50px 3%; background-color:#fff;}
._nOfferBox .right_s .msg_show{float:left; width: 100%; padding-top:30px;}
._nOfferBox .right_s .each { float: left; width: 100%;
    margin-bottom:20px;
    line-height:1.8;
}
._nOfferBox .right_s .label {
    float:left;
    width:100px;
    font-size:16px;
    color:#999;
    text-align:right;
}
._nOfferBox .right_s .r_con {
    margin-left:120px;
}


@media (max-width:991px) {
    ._nOfferBox{margin: 90px 0 55px 0; padding: 0;}
    ._nOfferBox .right_s{display: none;}
    ._nOfferBox .gainBox{padding: 30px 6% 40px 6%; width: 100%;}
    ._nOfferBox .gainBox .tit{font-size: 16px; padding-bottom:18px;}
    ._nOfferBox .gainBox .formBox{margin-top: 15px;}
    ._nOfferBox .gainBox .formBox dl{margin-top: 10px;}
    ._nOfferBox .gainBox .formBox dt{font-size: 14px; line-height: 30px;}
    ._nOfferBox .gainBox .formBox dd span{font-size: 13px; height: 30px; line-height: 28px;}
    ._nOfferBox .gainBox .formBox dl:nth-child(5) dt,
    ._nOfferBox .gainBox .formBox dl:nth-child(6) dt,
    ._nOfferBox .gainBox .formBox dl:nth-child(7) dt{line-height: 42px;}
    ._nOfferBox .gainBox .formBox dl dd input{height: 42px; line-height: 40px; font-size: 13px; text-indent: 15px;}
    ._nOfferBox .gainBox .formBox dl:nth-child(3){margin-top: 20px;}
    ._nOfferBox .gainBox .formBox dl:nth-child(4),
    ._nOfferBox .gainBox .formBox dl:nth-child(5){margin-top: 15px;}
    ._nOfferBox .gainBox .formBox dl:last-child dd{margin-top: 5px;}
    ._nOfferBox .gainBox .formBox dl:last-child dd button{height: 42px; line-height: 42px; font-size: 16px;}
}
@media (max-width:767px) {
    ._nOfferBox{margin: 113px 0 30px 0;}
    ._nOfferBox .gainBox{padding: 15px 5% 20px 5%;}
    ._nOfferBox .gainBox .tit{padding-bottom: 15px;}
    ._nOfferBox .gainBox .formBox{margin-top: 0;}
    ._nOfferBox .gainBox .formBox dt{font-size: 13px; width: 100%; text-align: left;}
    ._nOfferBox .gainBox .formBox dd{width: 100%; margin-left: 0;}
    ._nOfferBox .gainBox .formBox dd span{font-size: 12px; min-width: 40px; padding: 0 8px; margin-right: 5px;}
    ._nOfferBox .gainBox .formBox dl:nth-child(5) dt,
    ._nOfferBox .gainBox .formBox dl:nth-child(6) dt,
    ._nOfferBox .gainBox .formBox dl:nth-child(7) dt{line-height: 30px;}
    ._nOfferBox .gainBox .formBox dl:nth-child(3){margin-top: 10px;}
    ._nOfferBox .gainBox .formBox dl:nth-child(4),
    ._nOfferBox .gainBox .formBox dl:nth-child(5){margin-top: 10px;}
    ._nOfferBox .gainBox .formBox dl dd input{height: 40px; line-height: 38px; font-size: 12px; text-indent: 10px;}
    ._nOfferBox .gainBox .formBox dl:last-child dd button{width: 50%; height: 40px; line-height: 40px; font-size: 14px;}
}

._nCaseInfo{float: left; width: 100%; padding: 0 10%; margin: 105px 0 85px 0;}
._nCaseInfo .dlBox{float: left; width: 100%; margin-top: 105px;}
._nCaseInfo .dlBox:first-child{margin-top: 0;}
._nCaseInfo .dlBox .dtTit{float: left; width: 100%; text-align: center; color:#333; font-size: 24px;}
._nCaseInfo .dlBox .ddBox{float: left; width: 100%; color:#666; font-size: 16px; line-height: 28px; margin-top: 40px;}
._nCaseInfo .dlBox .ddBox p{text-indent: 32px;}
._nCaseInfo .dlBox .ulBox{float: left; width: 100%; text-align: center; margin-top: 50px;}
._nCaseInfo .dlBox .ulBox .li7{float: left; width: 20%; height: 113px; display: table; margin: 0 2.5%; color:#fff; font-size: 18px; line-height: 24px; padding: 0 5px;}
._nCaseInfo .dlBox .ulBox .cell{display: table-cell; vertical-align: middle;}
._nCaseInfo .dlBox .dImg{float: left; width: 100%; line-height: 0; margin-top: 60px;}
._nCaseInfo .dlBox .dImg .lFo{float: left; width: 47.85%; position: relative; line-height: 0;}
._nCaseInfo .dlBox .dImg .lFo img{width: 100%;}
._nCaseInfo .dlBox .dImg .lFo:after{position: absolute; content: ''; width: 177px; height: 177px; right: -12px; bottom: -12px; background: #2B89FF; z-index: -1;}
._nCaseInfo .dlBox .dImg .lFo.rFr{float: right; margin-top: 44px;}
._nCaseInfo .dlBox .dImg .lFo.rFr:after{right: auto; left: -12px; bottom: auto; top:-12px;}

@media (max-width:1199px) {
    ._nCaseInfo{padding: 0; margin: 65px 0 70px 0;}
    ._nCaseInfo .dlBox{margin-top: 70px;}
    ._nCaseInfo .dlBox .dtTit{font-size: 20px;}
    ._nCaseInfo .dlBox .ddBox{margin-top: 25px; font-size: 14px; line-height: 24px;}
    ._nCaseInfo .dlBox .ulBox{margin-top: 30px;}
    ._nCaseInfo .dlBox .ulBox .li7{font-size: 16px;}
    ._nCaseInfo .dlBox .dImg{margin-top: 45px;}
    ._nCaseInfo .dlBox .dImg .lFo:after{width: 150px; height: 150px; right: -8px; bottom: -8px;}
    ._nCaseInfo .dlBox .dImg .lFo.rFr{margin-top: 38px;}
    ._nCaseInfo .dlBox .dImg .lFo.rFr:after{right: auto; left: -8px; bottom: auto; top:-8px;}

}

@media (max-width:767px) {
    ._nCaseInfo{ margin: 30px 0;}
    ._nCaseInfo .dlBox{margin-top: 30px;}
    ._nCaseInfo .dlBox .dtTit{font-size: 18px;}
    ._nCaseInfo .dlBox .ddBox{font-size: 13px; line-height: 22px; margin-top: 15px;}
    ._nCaseInfo .dlBox .ddBox p{text-indent: 26px;}
    ._nCaseInfo .dlBox .ulBox{margin-top:15px;}
    ._nCaseInfo .dlBox .ulBox .li7{width: 22%; margin: 0 1.5%; font-size: 14px; height: 80px; line-height: 20px;}
    ._nCaseInfo .dlBox .dImg{margin-top: 15px;}
    ._nCaseInfo .dlBox .dImg .lFo{width: 98%;}
    ._nCaseInfo .dlBox .dImg .lFo.rFr{margin-top: 25px;}
    ._nCaseInfo .dlBox .dImg .lFo:after{width: 100px; height: 100px;}
}

._nSimilarCase{float: left; width: 100%; padding: 0 10%; margin: 65px 0;}
._nSimilarCase .tit{float: left; width: 100%; text-align: center; color:#333; font-size: 24px;}
._nSimilarCase .similarList{float: left; width: 100%; margin-top: 15px;}
._nSimilarCase .similarList ul{margin: 0 -16px;}
._nSimilarCase .similarList li{float: left; width: 33.333%; padding: 0 16px; margin-top: 30px;}
._nSimilarCase .similarList li .aBox{float: left; width: 100%; background: #fff; color:#333; font-size: 18px; padding: 16px 22px; position: relative;}
._nSimilarCase .similarList li .lImg{float: left; width: 26%; line-height: 0;}
._nSimilarCase .similarList li .rText{position: absolute; right:8%; top:0; width:58%; height: 100%; }
._nSimilarCase .similarList li .cell{float: left; width: 100%; height: 100%; display: table;}
._nSimilarCase .similarList li .rText span{display: table-cell; vertical-align: middle}
._nSimilarCase .similarList li .rText em{float: left; width: 100%;}


@media (max-width:1199px) {
    ._nSimilarCase{margin:50px 0 60px 0; padding: 0;}
    ._nSimilarCase .tit{font-size: 20px;}
    ._nSimilarCase .similarList ul{margin: 0 -10px;}
    ._nSimilarCase .similarList li{margin-top: 20px; padding: 0 10px;}
    ._nSimilarCase .similarList li .aBox{font-size: 16px;}
}
@media (max-width:991px) {
    ._nSimilarCase .similarList li .aBox{padding: 15px;}
}
@media (max-width:767px) {
    ._nSimilarCase{margin:30px 0;}
    ._nSimilarCase .tit{font-size: 18px;}
    ._nSimilarCase .similarList{margin-top: 10px;}
    ._nSimilarCase .similarList ul{margin: 0 -5px;}
    ._nSimilarCase .similarList li{width: 50%; padding: 0 5px; margin-top: 10px;}
    ._nSimilarCase .similarList li a{font-size: 13px;}
}

/*16解决方案*/
._nSolution{float: left; width: 100%; line-height: 0; margin-top: 70px;}
._nSoluOne{float: left; width:100%; background: url("_im_g/cad17.jpg") repeat-x;background-size: auto 100%; position: relative}
.soluTit{position: absolute; width: 186px; height: 62px; left: 93px; top:95px; text-align: center; color:#1487A8; font-size: 30px; font-weight: bold; line-height: 62px; background: #fff; background: rgba(255,255,255,0.5);
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
._nSoluOne .soluFirst{float: left; width: 100%; margin: 71px 0 66px 0; padding: 0 40px; line-height: 0; text-align: center; position: relative}
._nSoluOne .soluFirst .one{position: absolute; width: 22.6%; left: 37.5%;top:0; height: 43.5%; cursor: pointer;}
._nSoluOne .soluFirst .one img{position: absolute; width:115%; line-height: 0; left: 75%; top:0;}
._nSoluOne .soluFirst .two{position: absolute; width: 22.6%; left:40px; bottom:24.2%; height:38.4%; cursor: pointer;}
._nSoluOne .soluFirst .two img{position: absolute; width: 100%; top:-56%; left: 35px;}

._nSoluOne .soluFirst .three{position: absolute; width: 22.15%; left:40%; bottom:0; height:35.49%; cursor: pointer;}
._nSoluOne .soluFirst .three img{position: absolute; width: 89.3%; left: -74.35%; bottom: 10px;}

._nSoluOne .soluFirst .four{position: absolute; width:22.72%; right:40px; bottom:19.67%; height:36.48%; cursor: pointer; }
._nSoluOne .soluFirst .four img{position: absolute; width:75%; top:-55.7%; right: -15%;}

@media (max-width:1599px) {
    .soluTit{width: 175px; height: 55px; font-size: 24px; line-height: 55px;left: 80px; top:60px;}
}
@media (max-width:1199px) {
    .soluTit{width: 150px; height: 45px; font-size: 20px; line-height: 45px;left: 50px; top:40px;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    }
}
@media (max-width:991px) {
    ._nSolution{margin-top: 56px;}
}
@media (max-width:767px) {
    ._nSolution{margin-top: 93px;}
    ._nSoluOne .soluFirst{padding: 0; margin: 30px 0;}
    .soluTit{width: 100px; height:35px; font-size: 16px; line-height: 35px;left: 15px; top:15px;}
    ._nSoluOne .soluFirst .two{left: 0;}
    ._nSoluOne .soluFirst .four{right: 0;}
    ._nSoluOne .soluFirst .four img{right: 0;}
}

._nSoluTwo{float: left; width: 100%; background: url("_im_g/cad18.jpg") repeat-x; background-size: auto 100%; padding: 85px 0 70px 0; position: relative;}
._nSoluTwo .soluTit{color:#BE2E2A}
._nSoluTwo .tImg{float: left; width: 100%; text-align: center; line-height: 0;}
._nSoluTwo .tImg img{width: 63%;}
._nSoluTwo .dText{float: left; width: 100%; text-align: center; margin-top: 40px; display: block;}
._nSoluTwo .dText .words{display: inline-block; width: 75%; text-align: left; color:#7F1003; font-size: 18px; line-height: 32px; background: url("_im_g/second01.png") no-repeat; background-size: 100% 100%; padding: 35px 90px 45px 90px;}

@media (max-width:1599px) {
    ._nSoluTwo .dText .words{font-size: 16px; line-height: 28px; padding: 25px 70px 35px 70px;}
}
@media (max-width:1199px) {
    ._nSoluTwo{padding:60px 0 50px 0}
    ._nSoluTwo .tImg img{width: 70%;}
    ._nSoluTwo .dText{margin-top: 30px;}
    ._nSoluTwo .dText .words{width: 100%; padding: 20px 50px 30px 50px}
}
@media (max-width:767px) {
    ._nSoluTwo{padding:30px 0}
    ._nSoluTwo .tImg img{width: 100%;}
    ._nSoluTwo .dText{margin-top: 15px;}
    ._nSoluTwo .dText .words{font-size: 13px; line-height: 20px; padding: 15px 20px 25px 20px;background: url("_im_g/second01_1.png") no-repeat; background-size: 100% 100%;}
}
._nSoluThree{float: left; width: 100%; background: url("_im_g/cad19.jpg") repeat-x; background-size: auto 100%; position: relative;}
._nSoluThree .soluTit{color:#147F46;}
._nSoluThree .secSolu{float: left; width: 100%; padding: 0 7.7%; margin: 200px 0 100px 0;}
._nSoluThree .secSolu .left{float: left; width: 44.15%;}
._nSoluThree .secSolu .left .tImg{float: left; width: 100%; text-align: center; height: 412px; line-height: 0; display: table;}
._nSoluThree .secSolu .left .tImg span{vertical-align:bottom; display: table-cell;}
._nSoluThree .secSolu .left .tImg img{max-height: 100%; }
._nSoluThree .secSolu .title{float: left; width: 100%; text-align: center; color:#fff; font-size: 20px; line-height: 24px; margin-top: 20px; font-weight: bold;}
._nSoluThree .secSolu .info{float: left; width: 100%; text-align: left; padding: 5% 6.8%; color:#115934; font-size: 18px; line-height: 24px; background: #fff; background: rgba(255,255,255,0.39); margin-top: 25px;
    border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
}
._nSoluThree .secSolu .cen{float: left; width: 11.7%; text-align: center; padding: 0 15px;height: 412px; line-height: 412px;}
._nSoluThree .secSolu .cen img{vertical-align: middle;}

@media (max-width:1599px) {
    ._nSoluThree .secSolu{margin: 130px 0 70px 0;}
    ._nSoluThree .secSolu .left .tImg{height: 350px;}
    ._nSoluThree .secSolu .left .tImg img{width: 75%;}
    ._nSoluThree .secSolu .title{font-size: 18px;}
    ._nSoluThree .secSolu .info{font-size: 14px;}
}
@media (max-width:1199px) {
    ._nSoluThree .secSolu{margin: 80px 0 50px 0; padding: 0;}
    ._nSoluThree .secSolu .left .tImg{height: 310px;}
    ._nSoluThree .secSolu .cen{height: 310px; line-height: 310px;}
}
@media (max-width:991px) {
    ._nSoluThree .secSolu{margin: 50px 0 40px 0;}
    ._nSoluThree .secSolu .left .tImg{height: 230px;}
    ._nSoluThree .secSolu .cen{height: 230px; line-height: 230px;}
}
@media (max-width:767px) {
    ._nSoluThree .secSolu{margin:50px 0 30px 0;}
    ._nSoluThree .secSolu .left{width: 100%;}
    ._nSoluThree .secSolu .left .tImg{height: auto;}
    ._nSoluThree .secSolu .title{font-size: 16px; margin-top: 10px;}
    ._nSoluThree .secSolu .info{margin-top: 15px; font-size: 13px; line-height: 20px; padding:3% 3.8%}
    ._nSoluThree .secSolu .cen{width: 100%; padding: 15px 0; line-height: 0; height:100px;}
    ._nSoluThree .secSolu .cen img{height: 100%;}
}

._nSoluFour{float: left; width: 100%; background: url("_im_g/cad20.jpg") repeat-x; background-size: auto 100%; position: relative;}
._nSoluFour .soluTit{color:#007D94;}
._nSoluFour .fourSolu{float: left; width: 100%; margin: 170px 0 120px 0;}
._nSoluFour .infoBox{float: left; width: 100%; text-align: center; display: block;}
._nSoluFour .infoBox .inline{display: inline-block; width: 60%; background: #fff; background: rgba(255,255,255,0.39); color:#0B6373; font-size: 18px; line-height: 24px; padding: 2% 3%; text-align: left;
    border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
}
._nSoluFour .dIMG{float: left; width: 100%; text-align: center; margin-top: 60px; line-height: 0;}
@media (max-width:1599px) {
    ._nSoluFour .infoBox .inline{width: 70%; font-size: 14px;}
}
@media (max-width:1199px) {
    ._nSoluFour .fourSolu{ margin: 120px 0 70px 0;}
    ._nSoluFour .dIMG{margin-top: 40px;}
}
@media (max-width:991px) {
    ._nSoluFour .fourSolu{ margin: 110px 0 60px 0;}
    ._nSoluFour .infoBox .inline{width: 90%;}
    ._nSoluFour .dIMG{margin-top: 40px;}
}
@media (max-width:767px) {
    ._nSoluFour .fourSolu{ margin: 60px 0 30px 0;}
    ._nSoluFour .infoBox .inline{width: 100%;font-size: 13px; line-height: 20px;}
    ._nSoluFour .dIMG{margin-top: 20px;}

}




/*    新闻中心内页   */
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:0px 0 15px 0; text-align:center; line-height:32px; margin-top:30px;}
.news_tit h2{  font-size:20px; line-height:24px; font-weight:bold; padding-bottom:15px;}
.news_tit span{ color:#969696; font-size:14px; line-height:16px; display:block;}

.news_ct{ width:100%; float:left; padding:15px 0; font-size: 14px; color: #666; line-height: 30px; border-bottom:1px dashed #999999;   }
.news_ct img { max-width: 100%; }

.z_fy{ float:left; width:100%; padding:10px 0 30px 0; margin-top:15px; }
.z_l{ float:left; width:45%; }
.z_l a{ float:left; color:#515151; width:100%;   overflow: hidden; text-overflow:ellipsis; line-height:24px; font-size:14px; }
.z_l a:hover span{color:#398AF1;}
.z_r{ float:right; width:45%; overflow: hidden; text-overflow:ellipsis; }
.z_r a{ float:right; color:#515151; line-height:24px; font-size:14px; width:100%;   overflow: hidden; text-overflow:ellipsis; text-align:right;}
.z_r a:hover span{color:#398AF1;}

.z_share{display:inline-block; height:12px; line-height:14px;}

@media screen and (max-width:767px) {
.z_l{ float:left; width:100%; }
.z_r{ float:right; width:100%;}
.z_r a{ text-align:left;}
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:0px 0 12px 0; text-align:center; line-height:32px; margin-top:15px;}
.news_tit h2{  font-size:16px; line-height:20px; font-weight:bold; padding-bottom:10px;}
.news_tit span{ color:#969696; font-size:12px; line-height:14px;}
.z_share{display:block; width:176px; margin:0 auto; margin-top:5px;}
.news_ct{line-height:24px;}
}

.tishi{float:left; width:100%; text-align:center; font-size:16px; line-height:20px; color:#333;}
@media screen and (max-width:992px) {
.tishi{font-size:14px; }
}
@media screen and (max-width:767px) {
.tishi{font-size:14px; margin-top:15px; }
}